chore(component): simplify code (#6056)

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 })
+      {Array.from({ length: 3 }, (_, index) => (
-        .fill(0)
+        <SettingWrapper title={<Skeleton />} key={index}>
-        .map((_, index) => {
+          <SettingRow
-          return (
+            name={<Skeleton />}
-            <SettingWrapper title={<Skeleton />} key={index}>
+            desc={<Skeleton />}
-              <SettingRow
+            spreadCol={false}
-                name={<Skeleton />}
+          ></SettingRow>
-                desc={<Skeleton />}
+        </SettingWrapper>
-                spreadCol={false}
+      ))}
-              ></SettingRow>
-            </SettingWrapper>
-          );
-        })}
     </>
   );
 };

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 })
+      {Array.from({ length: 5 }, (_, index) => (
-        .fill(0)
+        <WorkspaceListItemSkeleton key={index} />
-        .map((_, index) => {
+      ))}
-          return <WorkspaceListItemSkeleton key={index} />;
-        })}
     </>
   );
 };