Fix function being used before declaration

pkpdapp-team · Dec 22, 2023 · 296b4d8 · 296b4d8
1 parent 1216fda
commit 296b4d8
Showing 1 changed file with 21 additions and 21 deletions.
diff --git a/frontend-v2/src/features/model/VariableRow.tsx b/frontend-v2/src/features/model/VariableRow.tsx
@@ -60,7 +60,7 @@ const VariableRow: React.FC<Props> = ({
   updateLinksToPd,
   isAnyLinkToPdSelected,
   updateLagTimes,
-  isAnyLagTimeSelected
+  isAnyLagTimeSelected,
 }) => {
   const {
     fields: mappings,
@@ -129,6 +129,21 @@ const VariableRow: React.FC<Props> = ({
     : mappings.find((mapping) => mapping.pk_variable === variable.id) !==
       undefined;
 
+  const onClickDerived = (type: DerivedVariableType) => () => {
+    const index = derivedIndex(type);
+    return index >= 0 ? removeDerived(index) : addDerived(type);
+  };
+
+  const derivedIndex = (type: DerivedVariableType) => {
+    return derivedVariables.findIndex(
+      (ro) => ro.pk_variable === variable.id && ro.type === type,
+    );
+  };
+
+  const isLinkedTo = (type: DerivedVariableType) => {
+    return derivedIndex(type) >= 0;
+  };
+
   useEffect(() => {
     updateDosings(variable.id, hasProtocol);
   }, [hasProtocol]);
@@ -255,21 +270,6 @@ const VariableRow: React.FC<Props> = ({
     derivedVariablesRemove(index);
   };
 
-  const onClickDerived = (type: DerivedVariableType) => () => {
-    const index = derivedIndex(type);
-    return index >= 0 ? removeDerived(index) : addDerived(type);
-  };
-
-  const derivedIndex = (type: DerivedVariableType) => {
-    return derivedVariables.findIndex(
-      (ro) => ro.pk_variable === variable.id && ro.type === type,
-    );
-  };
-
-  const isLinkedTo = (type: DerivedVariableType) => {
-    return derivedIndex(type) >= 0;
-  };
-
   const noMapToPD = isPD || effectVariable === undefined || !isConcentration;
   const noDerivedVariables = !isConcentration || isPD;
   const isC1 = model.is_library_model && variable.qname.endsWith(".C1");
@@ -323,11 +323,11 @@ const VariableRow: React.FC<Props> = ({
             <FormControlLabel
               control={
                 <MuiCheckbox
-                sx={{
-                  "& .MuiSvgIcon-root": {
-                    color: isAnyLagTimeSelected ? "inherit" : "red",
-                  },
-                }}
+                  sx={{
+                    "& .MuiSvgIcon-root": {
+                      color: isAnyLagTimeSelected ? "inherit" : "red",
+                    },
+                  }}
                   checked={isLinkedTo("TLG")}
                   onClick={onClickDerived("TLG")}
                   data-cy={`checkbox-tlag-${variable.name}`}