fix: particle offset bug

equinor · Apr 4, 2024 · a811494 · a811494
1 parent e9be6ab
commit a811494
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/web/src/Components/Bridging/Graphs/BridgeGraph.tsx b/web/src/Components/Bridging/Graphs/BridgeGraph.tsx
@@ -13,8 +13,8 @@ type BridgeGraphProps = {
 }
 
 export function BridgeGraph({ yAxis, graphData, sizeFractions, bridges }: BridgeGraphProps) {
-  const [particleFromPercentage, setParticleFromPercentage] = useState<string>('')
-  const [particleToPercentage, setParticleToPercentage] = useState<string>('')
+  const [particleFromPercentage, setParticleFromPercentage] = useState<string>('30%')
+  const [particleToPercentage, setParticleToPercentage] = useState<string>('100%')
   const particleRange = useContext(ParticleSizeContext)
 
   useEffect(() => {
@@ -28,8 +28,8 @@ export function BridgeGraph({ yAxis, graphData, sizeFractions, bridges }: Bridge
 
   function particleSizeOffsetPercentage(offsetSize: number) {
     const index = sizeFractions.findIndex(size => size > offsetSize)
-    if (index === -1) return ''
-    const percentage = Math.round(index / sizeFractions.length) * 100
+    if (index === -1) return '0%'
+    let percentage = (index / sizeFractions.length) * 100
     return `${percentage}%`
   }