From 64bfa79afc4cf9b815dd76ad6e5505e05a470cf8 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Tue, 12 Jul 2022 11:12:46 +0300
Subject: [PATCH] Don't show patrons section if no patrons

---
 app/components/layout/Footer.tsx | 37 +++++++++++++++++++-------------
 1 file changed, 22 insertions(+), 15 deletions(-)

diff --git a/app/components/layout/Footer.tsx b/app/components/layout/Footer.tsx
index c76e7e030..bc8c05577 100644
--- a/app/components/layout/Footer.tsx
+++ b/app/components/layout/Footer.tsx
@@ -75,21 +75,28 @@ export function Footer() {
           <PatreonIcon className="layout__footer__social-icon patreon" />
         </a>
       </div>
-      <div>
-        <h4 className="layout__footer__patron-title">
-          Thanks to the patrons for the support
-          <Image alt="" path="/img/layout/sendou_love" width={24} height={24} />
-        </h4>
-        <ul className="layout__footer__patron-list">
-          {data.patrons.map((patron) => (
-            <li key={patron.id}>
-              <Link to={userPage(patron.discordId)}>
-                {discordFullName(patron)}
-              </Link>
-            </li>
-          ))}
-        </ul>
-      </div>
+      {data.patrons.length > 0 ? (
+        <div>
+          <h4 className="layout__footer__patron-title">
+            Thanks to the patrons for the support
+            <Image
+              alt=""
+              path="/img/layout/sendou_love"
+              width={24}
+              height={24}
+            />
+          </h4>
+          <ul className="layout__footer__patron-list">
+            {data.patrons.map((patron) => (
+              <li key={patron.id}>
+                <Link to={userPage(patron.discordId)}>
+                  {discordFullName(patron)}
+                </Link>
+              </li>
+            ))}
+          </ul>
+        </div>
+      ) : null}
     </footer>
   );
 }