Make tools show dynamically

Allegheny-CMPSC-summer-2023 · Jul 8, 2023 · b3ccc2a · b3ccc2a
1 parent b3cf29b
commit b3ccc2a
Showing 1 changed file with 19 additions and 16 deletions.
diff --git a/src/components/Roadmap/components/ListOfLinks.js b/src/components/Roadmap/components/ListOfLinks.js
@@ -10,22 +10,25 @@ export const ListOfLinks = (props) => {
     <div>
       <hr></hr>
       <div className={classes.resources}>
-        <div>
-          <h3>Tools</h3>
-          <ul>
-            {tools.map((tool) => {
-              return (
-                <li key={tool.title}>
-                  <LinkToResource
-                    icon={tool.iconType}
-                    title={tool.title}
-                    href={tool.href}
-                  />
-                </li>
-              );
-            })}
-          </ul>
-        </div>
+        {tools.length !== 0 && (
+          <div>
+            <h3>Tools</h3>
+            <ul>
+              {tools.map((tool) => {
+                return (
+                  <li key={tool.title}>
+                    <LinkToResource
+                      icon={tool.iconType}
+                      title={tool.title}
+                      href={tool.href}
+                    />
+                  </li>
+                );
+              })}
+            </ul>
+          </div>
+        )}
+
         <div style={{ marginLeft: "auto", marginRight: "auto" }}>
           {technicalTopics.length !== 0 && (
             <div>