fixed prereq box to only appear when there is text (#367)

icssc · Dec 4, 2023 · 4796fe2 · 4796fe2
1 parent e20bb5b
commit 4796fe2
Showing 1 changed file with 14 additions and 12 deletions.
diff --git a/site/src/component/PrereqTree/PrereqTree.tsx b/site/src/component/PrereqTree/PrereqTree.tsx
@@ -173,18 +173,20 @@ const PrereqTree: FC<PrereqProps> = (props) => {
           </div>} */}
 
         </div>
-        <div
-          style={{
-            padding: '1em',
-            backgroundColor: '#f5f5f5',
-            marginTop: '2em',
-          }}
-        >
-          <p>
-            {props.prerequisiteText !== '' && <b>Prerequisite: </b>}
-            {props.prerequisiteText}
-          </p>
-        </div>
+        {props.prerequisiteText !== '' && (
+          <div
+              style={{
+                  padding: '1em',
+                  backgroundColor: '#f5f5f5',
+                  marginTop: '2em',
+              }}
+          >
+              <p>
+                  <b>Prerequisite: </b>
+                  {props.prerequisiteText}
+              </p>
+          </div>
+        )}
       </Grid.Row>
     </div>
   );