From bd66fe4a4fcae09654ffaec0d2a1fbcd63bb371d Mon Sep 17 00:00:00 2001
From: "Jonas Zarzalis (TNG)" <jonas.zarzalis@tngtech.com>
Date: Wed, 19 Feb 2025 09:23:20 +0100
Subject: [PATCH] fixup! feat-487: add defining mutations page

---
 .../DefiningMutationsInfo.tsx                 | 30 +++++++++----------
 .../DefiningMutationsPage.tsx                 |  2 +-
 2 files changed, 15 insertions(+), 17 deletions(-)

diff --git a/web/src/components/DefiningMutations/DefiningMutationByCluster/DefiningMutationsInfo.tsx b/web/src/components/DefiningMutations/DefiningMutationByCluster/DefiningMutationsInfo.tsx
index ecddd9927..cc02f9451 100644
--- 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,31 +47,29 @@ 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>
@@ -79,27 +77,27 @@ export function DefiningMutationsInfo({ currentCluster }: { currentCluster: Defi
             <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
index bfd673f1d..4926e8ae2 100644
--- 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>