From 8857059d2b4acc74d2ff12136880ba5f8d26b58f Mon Sep 17 00:00:00 2001
From: kylerpan <kylerpan691@gmail.com>
Date: Tue, 17 Oct 2023 16:26:10 -0700
Subject: [PATCH] fixed prereq box to only appear when there is text

---
 site/src/component/PrereqTree/PrereqTree.tsx | 26 +++++++++++---------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/site/src/component/PrereqTree/PrereqTree.tsx b/site/src/component/PrereqTree/PrereqTree.tsx
index 63c09dd7..68df7650 100644
--- a/site/src/component/PrereqTree/PrereqTree.tsx
+++ b/site/src/component/PrereqTree/PrereqTree.tsx
@@ -154,18 +154,20 @@ const PrereqTree: FC<PrereqProps> = (props) => {
           </div>} */}
 
         </div>
-        <div
-          style={{
-            padding: '1em',
-            backgroundColor: '#f5f5f5',
-            marginTop: '2em',
-          }}
-        >
-          <p>
-            {props.prerequisite_text !== '' && <b>Prerequisite: </b>}
-            {props.prerequisite_text}
-          </p>
-        </div>
+        {props.prerequisite_text !== '' && (
+          <div
+            style={{
+              padding: '1em',
+              backgroundColor: '#f5f5f5',
+              marginTop: '2em',
+            }}
+          >
+            <p>
+              <b>Prerequisite: </b>
+              {props.prerequisite_text}
+            </p>
+          </div>
+        )}
       </Grid.Row>
     </div>
   );