From fc9bf9cd8a0b2a5335e3d6122107e2ebbbc82e94 Mon Sep 17 00:00:00 2001
From: Jason <kamui.huang.js@gmail.com>
Date: Mon, 11 Mar 2024 14:04:16 +0800
Subject: [PATCH] chore(component): simplify code (#6056)

---
 .../workspace-detail-skeleton.tsx             | 22 ++++++++-----------
 .../workspace-list-skeleton.tsx               |  8 +++----
 2 files changed, 12 insertions(+), 18 deletions(-)

diff --git a/packages/frontend/component/src/components/setting-components/workspace-detail-skeleton.tsx b/packages/frontend/component/src/components/setting-components/workspace-detail-skeleton.tsx
index dde4dfd578..f376eaa5f2 100644
--- a/packages/frontend/component/src/components/setting-components/workspace-detail-skeleton.tsx
+++ b/packages/frontend/component/src/components/setting-components/workspace-detail-skeleton.tsx
@@ -8,19 +8,15 @@ export const WorkspaceDetailSkeleton = () => {
     <>
       <SettingHeader title={<Skeleton />} subtitle={<Skeleton />} />
 
-      {Array.from({ length: 3 })
-        .fill(0)
-        .map((_, index) => {
-          return (
-            <SettingWrapper title={<Skeleton />} key={index}>
-              <SettingRow
-                name={<Skeleton />}
-                desc={<Skeleton />}
-                spreadCol={false}
-              ></SettingRow>
-            </SettingWrapper>
-          );
-        })}
+      {Array.from({ length: 3 }, (_, index) => (
+        <SettingWrapper title={<Skeleton />} key={index}>
+          <SettingRow
+            name={<Skeleton />}
+            desc={<Skeleton />}
+            spreadCol={false}
+          ></SettingRow>
+        </SettingWrapper>
+      ))}
     </>
   );
 };
diff --git a/packages/frontend/component/src/components/setting-components/workspace-list-skeleton.tsx b/packages/frontend/component/src/components/setting-components/workspace-list-skeleton.tsx
index 8783ab82b0..a7e968dc5a 100644
--- a/packages/frontend/component/src/components/setting-components/workspace-list-skeleton.tsx
+++ b/packages/frontend/component/src/components/setting-components/workspace-list-skeleton.tsx
@@ -26,11 +26,9 @@ export const WorkspaceListItemSkeleton = () => {
 export const WorkspaceListSkeleton = () => {
   return (
     <>
-      {Array.from({ length: 5 })
-        .fill(0)
-        .map((_, index) => {
-          return <WorkspaceListItemSkeleton key={index} />;
-        })}
+      {Array.from({ length: 5 }, (_, index) => (
+        <WorkspaceListItemSkeleton key={index} />
+      ))}
     </>
   );
 };