diff --git a/src/Components/Items/CardComponents/Dashboard/StorageCardComponent.tsx b/src/Components/Items/CardComponents/Dashboard/StorageCardComponent.tsx index f241eb1..1232972 100644 --- a/src/Components/Items/CardComponents/Dashboard/StorageCardComponent.tsx +++ b/src/Components/Items/CardComponents/Dashboard/StorageCardComponent.tsx @@ -18,6 +18,9 @@ import DonutChart from "../../DonutChart"; export default function StorageCardComponent() { const [selectedStorage, setSelectedStorage] = useState(""); + const [storageSelectionItems, setStorageSelectionItems] = useState( + [] + ); const [storage, setStorage] = useState([]); const [storageObject, SetStorageObject] = useState(); const [storageQuotaObject, setStorageQuotaObject] = useState(); @@ -33,6 +36,9 @@ export default function StorageCardComponent() { const StorageDropDownItems = storage.map((storageName, index) => { if (storageQuotaObject[storageName] !== 0) { + if (storageSelectionItems.includes(storageName) === false) { + setStorageSelectionItems([storageName, ...storageSelectionItems]); + } return ( {storageName} @@ -46,13 +52,15 @@ export default function StorageCardComponent() { }, [tenantContext.selectedTenant]); useEffect(() => { - if (storage[0]) { - setSelectedStorage(storage[0] as string); + if (storageSelectionItems[0]) { + setSelectedStorage(storageSelectionItems[0] as string); } - }, [storage]); + console.log(storageSelectionItems); + }, [storageSelectionItems]); useEffect(() => { if (tenantContext.selectedTenant) { + setStorageLoaded(false); fetch( `https://api.natron.io/api/v1/${tenantContext.selectedTenant}/requests/storage`, {