From c9d1b845a27ecc8c6327cd0a5fc6f9a4d0e69a02 Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Tue, 8 Aug 2023 21:25:30 +0530
Subject: [PATCH] chore: only show invites section if there are incoming
 invites

---
 .../Preferences/Panes/Vaults/Vaults.tsx       | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults.tsx
index 803c7f022..b93e19c2d 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults.tsx
@@ -120,16 +120,18 @@ const Vaults = () => {
         <EditVaultModal onCloseDialog={closeVaultModal} />
       </ModalOverlay>
 
-      <PreferencesGroup>
-        <PreferencesSegment>
-          <Title>Incoming Invites</Title>
-          <div className="my-2 flex flex-col gap-3.5">
-            {invites.map((invite) => {
-              return <InviteItem inviteRecord={invite} key={invite.invite.uuid} />
-            })}
-          </div>
-        </PreferencesSegment>
-      </PreferencesGroup>
+      {invites.length > 0 && (
+        <PreferencesGroup>
+          <PreferencesSegment>
+            <Title>Incoming Invites</Title>
+            <div className="my-2 flex flex-col gap-3.5">
+              {invites.map((invite) => {
+                return <InviteItem inviteRecord={invite} key={invite.invite.uuid} />
+              })}
+            </div>
+          </PreferencesSegment>
+        </PreferencesGroup>
+      )}
 
       <PreferencesGroup>
         <PreferencesSegment>