From 59130e8d8523b1469b97f40b24903a63fc248d34 Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Wed, 6 Sep 2023 15:34:21 +0530
Subject: [PATCH] chore: only show file storage used section if used more than
 0

---
 .../Preferences/Panes/Vaults/Vaults/VaultItem.tsx         | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultItem.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultItem.tsx
index c1da81414..3f39fdf10 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultItem.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Vaults/VaultItem.tsx
@@ -147,9 +147,11 @@ const VaultItem = ({ vault }: Props) => {
           )}
           <span className="mr-auto overflow-hidden text-ellipsis text-sm">Vault ID: {vault.systemIdentifier}</span>
 
-          <span className="mr-auto overflow-hidden text-ellipsis text-sm">
-            File storage used: {formatSizeToReadableString(vault.sharing?.fileBytesUsed ?? 0)}
-          </span>
+          {!!vault.sharing?.fileBytesUsed && (
+            <span className="mr-auto overflow-hidden text-ellipsis text-sm">
+              File storage used: {formatSizeToReadableString(vault.sharing?.fileBytesUsed ?? 0)}
+            </span>
+          )}
 
           <div className="mt-2 flex w-full flex-wrap gap-3">
             <Button label="Edit" className="text-xs" onClick={openEditModal} />