cleanup, variable renaming

ebi-uniprot · Oct 11, 2024 · f56a914 · f56a914
1 parent 555fb8b
commit f56a914
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 12 deletions.
diff --git a/src/ui/components/population/coLocated/CoLocatedVariantAccordion.tsx b/src/ui/components/population/coLocated/CoLocatedVariantAccordion.tsx
@@ -7,14 +7,13 @@ import {ProteinColocatedVariant} from "../../../../types/PopulationObservationRe
 interface CoLocatedVariantAccordionProps {
   toggleCoLocated: StringVoidFun
   coLocatedVariants: Array<ProteinColocatedVariant>
-  expendedCoLocatedKey: string
+  expandedCoLocatedKey: string
 }
 function CoLocatedVariantAccordion(props: CoLocatedVariantAccordionProps) {
-  const { toggleCoLocated, expendedCoLocatedKey, coLocatedVariants } = props;
-  const [expendedGenomicKey, setExpendedGenomicKey] = useState('');
-
+  const { toggleCoLocated, expandedCoLocatedKey, coLocatedVariants } = props;
+  const [expandedGenomicKey, setExpandedGenomicKey] = useState('');
   const toggleGenomic = (key: string) => {
-    setExpendedGenomicKey(expendedGenomicKey === key ? '' : key)
+    setExpandedGenomicKey(expandedGenomicKey === key ? '' : key)
   }
 
   const coLocatedVariantsMap = new Map();
@@ -27,7 +26,7 @@ function CoLocatedVariantAccordion(props: CoLocatedVariantAccordionProps) {
     coLocatedVariants.push(
       <li key={uuidv1()}>
         <CoLocatedVariantGenomicLocationAccordion coLocatedVariant={variant} toggleGenomic={toggleGenomic}
-          expendedGenomicKey={expendedGenomicKey} />
+          expandedGenomicKey={expandedGenomicKey} />
       </li>);
     coLocatedVariantsMap.set(change, coLocatedVariants);
   });
@@ -42,7 +41,7 @@ function CoLocatedVariantAccordion(props: CoLocatedVariantAccordionProps) {
           </b>
           <ChevronDownIcon className="chevronicon" />
         </button>
-        {change === expendedCoLocatedKey && <ul>{genomicLocations}</ul>}
+        {change === expandedCoLocatedKey && <ul>{genomicLocations}</ul>}
       </li>
     );
   });

diff --git a/src/ui/components/population/coLocated/CoLocatedVariantDetails.tsx b/src/ui/components/population/coLocated/CoLocatedVariantDetails.tsx
@@ -7,9 +7,9 @@ interface CoLocatedVariantDetailsProps {
 }
 
 function CoLocatedVariantDetails(props: CoLocatedVariantDetailsProps) {
-  const [expendedCoLocatedKey, setExpendedCoLocatedKey] = useState('');
+  const [expandedCoLocatedKey, setExpandedCoLocatedKey] = useState('');
   const toggleCoLocated = (key: string) => {
-    setExpendedCoLocatedKey(expendedCoLocatedKey === key ? '' : key)
+    setExpandedCoLocatedKey(expandedCoLocatedKey === key ? '' : key)
   }
 
   if (props.coLocatedVariants.length <= 0) {
@@ -20,7 +20,7 @@ function CoLocatedVariantDetails(props: CoLocatedVariantDetailsProps) {
     <>
       The following variants alter the same amino acid (but alter a different nucleotide in the codon)
       <br />
-      <ul><CoLocatedVariantAccordion {...props} expendedCoLocatedKey={expendedCoLocatedKey} toggleCoLocated={toggleCoLocated} /></ul>
+      <ul><CoLocatedVariantAccordion {...props} expandedCoLocatedKey={expandedCoLocatedKey} toggleCoLocated={toggleCoLocated} /></ul>
     </>
   );
 

diff --git a/src/ui/components/population/coLocated/CoLocatedVariantGenomicLocationAccordion.tsx b/src/ui/components/population/coLocated/CoLocatedVariantGenomicLocationAccordion.tsx
@@ -8,7 +8,7 @@ import {Association, ProteinColocatedVariant} from "../../../../types/Population
 
 interface CoLocatedVariantGenomicLocationAccordionProps {
   coLocatedVariant: ProteinColocatedVariant
-  expendedGenomicKey: string
+  expandedGenomicKey: string
   toggleGenomic: StringVoidFun
 }
 
@@ -31,7 +31,7 @@ function CoLocatedVariantGenomicLocationAccordion(props: CoLocatedVariantGenomic
           <ChevronDownIcon className="chevronicon" />
         </button>
       </li>
-      {props.expendedGenomicKey === genomicLocation(props) &&
+      {props.expandedGenomicKey === genomicLocation(props) &&
         <CoLocatedVariantGenomicLocationAccordionDetail {...props} />
       }
     </ul>