refactor: typign

equinor · Apr 3, 2024 · 2dbd1f2 · 2dbd1f2
1 parent a33f505
commit 2dbd1f2
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 6 deletions.
diff --git a/web/src/Components/Bridging/BridgeContainer.tsx b/web/src/Components/Bridging/BridgeContainer.tsx
@@ -7,8 +7,17 @@ import InputContainer from './InputContainer'
 import { findGraphData } from '../../Utils'
 import CumulativeGraph from './Graphs/CumulativeGraph'
 import DistributionGraph from './Graphs/DistributionGraph'
+import { Bridge } from '../../Types'
 
-export default ({ bridges, mode, setMode, bridgeValue, setValue }) => {
+type BridgeContainerProps = {
+  bridges: Bridge
+  mode: BridgingOption
+  setMode: (mode: BridgingOption) => void
+  bridgeValue: number
+  setValue: (value: number) => void
+}
+
+export default ({ bridges, mode, setMode, bridgeValue, setValue }: BridgeContainerProps) => {
   const [sizeFractions, setSizeFractions] = useState([])
   const [unit, setUnit] = useState('mD')
   const [bridgeValueHelperText, setBridgeValueHelperText] = useState(undefined)
@@ -53,7 +62,7 @@ export default ({ bridges, mode, setMode, bridgeValue, setValue }) => {
       case BridgingOption.CERAMIC_DISCS:
         setMode(BridgingOption.CERAMIC_DISCS)
         setUnit('microns')
-        setValue(CeramicDiscsValues[0])
+        setValue(parseInt(CeramicDiscsValues[0]))
         break
       default:
         return

diff --git a/web/src/Components/Bridging/InputContainer.tsx b/web/src/Components/Bridging/InputContainer.tsx
@@ -113,15 +113,15 @@ const InputContainer = ({
           <Typography variant='h3'>Optimal Bridge:</Typography>
           <p>
             D10: {findDValue(optimalBridgeGraphData, 10, 'Bridge')}
-            {'\u00B5'}
+            {'\u00B5m'}
           </p>
           <p>
             D50: {findDValue(optimalBridgeGraphData, 50, 'Bridge')}
-            {'\u00B5'}
+            {'\u00B5m'}
           </p>
           <p>
             D90: {findDValue(optimalBridgeGraphData, 90, 'Bridge')}
-            {'\u00B5'}
+            {'\u00B5m'}
           </p>
         </div>
       )}

diff --git a/web/src/Pages/Main.tsx b/web/src/Pages/Main.tsx
@@ -9,7 +9,7 @@ import { Products } from '../Types'
 import { ErrorToast } from '../Components/Common/Toast'
 import { AuthContext } from 'react-oauth2-code-pkce'
 import { IAuthContext } from 'react-oauth2-code-pkce'
-import Navbar from '../Components/Navbar/NavBar'
+import Navbar from '../Components/Navbar/Navbar'
 
 const BodyWrapper = styled.div`
   display: flex;