From ed9b587401d9e1106b7e27230cdba5173a25a753 Mon Sep 17 00:00:00 2001
From: Devin Matte <devinmatte@gmail.com>
Date: Tue, 28 May 2024 16:26:28 -0400
Subject: [PATCH] Fix shown sections bug (#63)

---
 src/components/Shutdowns/ShutdownContainer.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/Shutdowns/ShutdownContainer.tsx b/src/components/Shutdowns/ShutdownContainer.tsx
index db211a2..7e9c56b 100644
--- a/src/components/Shutdowns/ShutdownContainer.tsx
+++ b/src/components/Shutdowns/ShutdownContainer.tsx
@@ -90,12 +90,14 @@ export const ShutdownCards: React.FunctionComponent<ShutdownCardsProps> = ({
           </div>
         </div>
       )}
-      <div className="md:my-8 my-4">
-        <h3 className="md:text-xl mb-4 font-medium dark:text-white">Completed Shutdowns ✅</h3>
-        <div className="w-full overflow-y-hidden  grid md:grid-cols-3 gap-4">
-          {groupedAndSortedShutdowns.completed}
+      {!!groupedAndSortedShutdowns.completed.length && (
+        <div className="md:my-8 my-4">
+          <h3 className="md:text-xl mb-4 font-medium dark:text-white">Completed Shutdowns ✅</h3>
+          <div className="w-full overflow-y-hidden  grid md:grid-cols-3 gap-4">
+            {groupedAndSortedShutdowns.completed}
+          </div>
         </div>
-      </div>
+      )}
     </div>
   );
 };