fixup! feat-487: add defining mutations page

hodcroftlab · Feb 19, 2025 · bd66fe4 · bd66fe4
1 parent dcb7ca1
commit bd66fe4
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 17 deletions.
diff --git a/web/src/components/DefiningMutations/DefiningMutationByCluster/DefiningMutationsInfo.tsx b/web/src/components/DefiningMutations/DefiningMutationByCluster/DefiningMutationsInfo.tsx
@@ -30,11 +30,11 @@ export const InfoTable = styled(Table)`
   }
 `
 
-export function DefiningMutationsInfo({ currentCluster }: { currentCluster: DefiningMutationCluster }) {
+export function DefiningMutationsInfo({ cluster }: { cluster: DefiningMutationCluster }) {
   const { t } = useTranslationSafe()
 
-  const cladeSafe = encodeURI(currentCluster.nextstrainClade)
-  const lineageSafe = encodeURI(currentCluster.lineage)
+  const cladeSafe = encodeURI(cluster.nextstrainClade)
+  const lineageSafe = encodeURI(cluster.lineage)
 
   const urlPerCountry = `/per-country?variant=${cladeSafe}`
   const urlPerVariant = `/per-variant?variant=${cladeSafe}`
@@ -47,59 +47,57 @@ export function DefiningMutationsInfo({ currentCluster }: { currentCluster: Defi
       <tbody>
         <tr>
           <td className="font-weight-bold">{t('Nextstrain clade')}</td>
-          <td>{currentCluster.nextstrainClade ? <VariantBadge name={currentCluster.nextstrainClade} /> : 'none'}</td>
+          <td>{cluster.nextstrainClade ? <VariantBadge name={cluster.nextstrainClade} /> : 'none'}</td>
         </tr>
         <tr>
           <td className="font-weight-bold">{t('Unaliased lineage')}</td>
-          <td>{currentCluster.unaliased ? <LineageBadge name={currentCluster.unaliased} /> : 'none'}</td>
+          <td>{cluster.unaliased ? <LineageBadge name={cluster.unaliased} /> : 'none'}</td>
         </tr>
         <tr>
           <td className="font-weight-bold">{t('Parent lineage')}</td>
-          <td>{currentCluster.parent ? <LineageBadge name={currentCluster.parent} /> : 'none'}</td>
+          <td>{cluster.parent ? <LineageBadge name={cluster.parent} /> : 'none'}</td>
         </tr>
         <tr>
           <td className="font-weight-bold">{t('Child lineages')}</td>
           <td>
-            {joinWithCommas(
-              (currentCluster.children ?? ['none']).map((child) => <LineageBadge key={child} name={child} />),
-            )}
+            {joinWithCommas((cluster.children ?? ['none']).map((child) => <LineageBadge key={child} name={child} />))}
           </td>
         </tr>
         <tr>
           <td className="font-weight-bold">{t('Designation date')}</td>
-          <td>{currentCluster.designationDate}</td>
+          <td>{cluster.designationDate}</td>
         </tr>
         <tr>
           <td className="font-weight-bold">{t('Designation issue')}</td>
-          <td>{currentCluster.designationIssue}</td>
+          <td>{cluster.designationIssue}</td>
         </tr>
         <tr>
           <td className="font-weight-bold">{t('Links')}</td>
           <td className="d-flex">
             <Ul>
               <Li>
                 <LinkSmart href={urlPerCountry}>
-                  {t('CoVariants - Per country - Clade {{name}}', { name: currentCluster.nextstrainClade })}
+                  {t('CoVariants - Per country - Clade {{name}}', { name: cluster.nextstrainClade })}
                 </LinkSmart>
               </Li>
               <Li>
                 <LinkSmart href={urlPerVariant}>
-                  {t('CoVariants - Per variant - Clade {{name}}', { name: currentCluster.nextstrainClade })}
+                  {t('CoVariants - Per variant - Clade {{name}}', { name: cluster.nextstrainClade })}
                 </LinkSmart>
               </Li>
               <Li>
                 <LinkSmart href={urlNextstrainClade}>
-                  {t('Nextstrain - Clade {{name}}', { name: currentCluster.nextstrainClade })}
+                  {t('Nextstrain - Clade {{name}}', { name: cluster.nextstrainClade })}
                 </LinkSmart>
               </Li>
               <Li>
                 <LinkSmart href={urlCovSpectrumClade}>
-                  {t('CoV Spectrum - Clade {{name}}', { name: currentCluster.nextstrainClade })}
+                  {t('CoV Spectrum - Clade {{name}}', { name: cluster.nextstrainClade })}
                 </LinkSmart>
               </Li>
               <Li>
                 <LinkSmart href={urlCovSpectrumLineage}>
-                  {t('CoV Spectrum - Lineage {{name}}', { name: currentCluster.lineage })}
+                  {t('CoV Spectrum - Lineage {{name}}', { name: cluster.lineage })}
                 </LinkSmart>
               </Li>
             </Ul>

diff --git a/web/src/components/DefiningMutations/DefiningMutationByCluster/DefiningMutationsPage.tsx b/web/src/components/DefiningMutations/DefiningMutationByCluster/DefiningMutationsPage.tsx
@@ -40,7 +40,7 @@ export default function DefiningMutationsPage({ clusterName: clusterNameUnsafe }
 
         <DefiningMutationsInfoText />
 
-        <DefiningMutationsInfo currentCluster={cluster} />
+        <DefiningMutationsInfo cluster={cluster} />
 
         <DefiningMutationsTableWithTargets cluster={cluster} />
       </NarrowPageContainer>