fix: only show requirements section when requirements are defined

techmatters · Jun 4, 2024 · 0304d50 · 0304d50
1 parent ba87b07
commit 0304d50
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/tool/components/ToolCard.js b/src/tool/components/ToolCard.js
@@ -97,6 +97,7 @@ const ToolCard = ({ tool }) => {
 
   const external = t(`tools.${tool}.external`) === 'true';
   const LinkComponent = external ? ExternalLink : Link;
+  const requirements = t(`tools.${tool}.requirements`, '');
 
   return (
     <React.Fragment>
@@ -131,8 +132,12 @@ const ToolCard = ({ tool }) => {
               <Typography>{toolDescription}</Typography>
             )}
 
-            <Typography variant="h3">{t('tool.requirements')}</Typography>
-            <Typography>{t(`tools.${tool}.requirements`)}</Typography>
+            {requirements && (
+              <>
+                <Typography variant="h3">{t('tool.requirements')}</Typography>
+                <Typography>{t(`tools.${tool}.requirements`)}</Typography>
+              </>
+            )}
 
             {learnMoreUrl && (
               <Typography sx={{ mt: '1em' }}>