added more options to y-scale drop down

Author: bw2

browser/src/ShortTandemRepeatPage/ShortTandemRepeatAdjacentRepeatSection.tsx

@@ -122,8 +122,10 @@ const ShortTandemRepeatAdjacentRepeatSection = ({
             }}
           >
             <option value="linear">Linear</option>
-            <option value="linear-truncated">Linear: Truncated</option>
             <option value="log">Log</option>
+            <option value="linear-truncated-50">Linear: Truncated at 50</option>
+            <option value="linear-truncated-200">Linear: Truncated at 200</option>
+            <option value="linear-truncated-1000">Linear: Truncated at 1000</option>
           </Select>
         </label>
       </ControlSection>

browser/src/ShortTandemRepeatPage/ShortTandemRepeatAlleleSizeDistributionPlot.tsx

@@ -28,7 +28,12 @@ const BarWithHoverEffect = styled(Bar)`
   }
 `
 
-export type ScaleType = 'linear' | 'linear-truncated' | 'log'
+export type ScaleType =
+  | 'linear'
+  | 'linear-truncated-50'
+  | 'linear-truncated-200'
+  | 'linear-truncated-1000'
+  | 'log'
 
 export const genotypeQualityKeys = [
   'low',
@@ -290,8 +295,12 @@ const ShortTandemRepeatAlleleSizeDistributionPlot = withSize()(
         .domain([1, 10 ** maxLog])
         .range([plotHeight, 0])
         .clamp(true)
-    } else if (scaleType === 'linear-truncated') {
+    } else if (scaleType === 'linear-truncated-50') {
       yScale = scaleLinear().domain([0, 50]).range([plotHeight, 0]).clamp(true)
+    } else if (scaleType === 'linear-truncated-200') {
+      yScale = scaleLinear().domain([0, 200]).range([plotHeight, 0]).clamp(true)
+    } else if (scaleType === 'linear-truncated-1000') {
+      yScale = scaleLinear().domain([0, 1000]).range([plotHeight, 0]).clamp(true)
     } else {
       yScale = scaleLinear()
         .domain([0, max(data, (d) => d.fullFrequency) || 1])

browser/src/ShortTandemRepeatPage/ShortTandemRepeatColorBySelect.tsx

@@ -30,7 +30,7 @@ const ShortTandemRepeatColorBySelect = ({
         onChange={(e: { target: { value: ColorBy | '' } }) => {
           setSelectedColorBy(e.target.value)
           if (e.target.value === 'quality_description') {
-            setSelectedScaleType('linear-truncated')
+            setSelectedScaleType('linear-truncated-50')
           }
         }}
       >

browser/src/ShortTandemRepeatPage/ShortTandemRepeatPage.tsx

@@ -424,8 +424,10 @@ const ShortTandemRepeatPage = ({ datasetId, shortTandemRepeat }: ShortTandemRepe
               }}
             >
               <option value="linear">Linear</option>
-              <option value="linear-truncated">Linear: Truncated</option>
               {logScaleAllowed(selectedColorBy) && <option value="log">Log</option>}
+              <option value="linear-truncated-50">Linear: Truncated at 50</option>
+              <option value="linear-truncated-200">Linear: Truncated at 200</option>
+              <option value="linear-truncated-1000">Linear: Truncated at 1000</option>
             </Select>
           </label>
         </ControlSection>