From 9b88ecd4d8b7dc31dc1776b9f71aa68a6ff52239 Mon Sep 17 00:00:00 2001
From: Darren Yu <YDL@YUDONGLING.NET>
Date: Sat, 15 Nov 2025 11:45:06 +0800
Subject: [PATCH] fix(dashboard): fix rendering error when multiple storage
 policy have same name (#319)

---
 src/component/Admin/StoragePolicy/StoragePolicySetting.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/component/Admin/StoragePolicy/StoragePolicySetting.tsx b/src/component/Admin/StoragePolicy/StoragePolicySetting.tsx
index 40d73e6..653455a 100644
--- a/src/component/Admin/StoragePolicy/StoragePolicySetting.tsx
+++ b/src/component/Admin/StoragePolicy/StoragePolicySetting.tsx
@@ -465,13 +465,13 @@ const StoragePolicySetting = () => {
               <Typography variant="h6">{t("policy.newStoragePolicy")}</Typography>
             </BorderedCardClickable>
           </Grid>
-          {!loading && policies.map((p) => <StoragePolicyCard key={p.name} policy={p} onRefresh={fetchPolicies} />)}
+          {!loading && policies.map((p) => <StoragePolicyCard key={p.id} policy={p} onRefresh={fetchPolicies} />)}
           {loading &&
             policies.length > 0 &&
-            policies.map((p) => <StoragePolicyCard key={`loading-${p.name}`} loading={true} />)}
+            policies.map((p) => <StoragePolicyCard key={`loading-${p.id}`} loading={true} />)}
           {loading &&
             policies.length === 0 &&
-            Array.from(Array(5)).map((_, index) => <StoragePolicyCard key={`loading-${index}`} loading={true} />)}
+            Array.from(Array(5)).map((_, index) => <StoragePolicyCard key={`loading-placeholder-${index}`} loading={true} />)}
         </Grid>
         {count > 0 && (
           <Box sx={{ mt: 1 }}>