fix

cateiru · Mar 4, 2024 · cedfc1f · cedfc1f
1 parent beb1d58
commit cedfc1f
Showing 1 changed file with 38 additions and 42 deletions.
diff --git a/components/Client/ClientsListWrapper.tsx b/components/Client/ClientsListWrapper.tsx
@@ -106,49 +106,45 @@ export const ClientsListWrapper: React.FC<Props> = ({children}) => {
       </Center>
       {error ? (
         <></>
-      ) : data ? (
-        data.length === 0 ? (
-          <></>
-        ) : (
-          <Box overflowX="auto" pb=".1rem" px=".5rem" mb="1.5rem">
-            <Tabs
-              isFitted
-              index={settingIndex}
-              mt="1rem"
-              minW={{base: '650px', md: '100%'}}
-              colorScheme="cateiru"
-              fontWeight="bold"
-            >
-              <TabList>
-                <Tab
-                  value={'/clients'}
-                  as={NextLink}
-                  replace={true}
-                  href="/clients"
-                >
-                  クライアント
-                </Tab>
-                {data.map(v => {
-                  return (
-                    <Tab
-                      value={`/clients/org/${v.id}`}
-                      key={`client-menu-${v.id}`}
-                      as={NextLink}
-                      replace={true}
-                      href={`/clients/org/${v.id}`}
-                    >
-                      {v.name}
-                    </Tab>
-                  );
-                })}
-              </TabList>
-            </Tabs>
-          </Box>
-        )
+      ) : !data ? (
+        <></>
+      ) : data.length === 0 ? (
+        <></>
       ) : (
-        <Center mb="1rem">
-          <Skeleton h="40px" w="400px" borderRadius="7px" />
-        </Center>
+        <Box overflowX="auto" pb=".1rem" px=".5rem" mb="1.5rem">
+          <Tabs
+            isFitted
+            index={settingIndex}
+            mt="1rem"
+            minW={{base: '650px', md: '100%'}}
+            colorScheme="cateiru"
+            fontWeight="bold"
+          >
+            <TabList>
+              <Tab
+                value={'/clients'}
+                as={NextLink}
+                replace={true}
+                href="/clients"
+              >
+                クライアント
+              </Tab>
+              {data.map(v => {
+                return (
+                  <Tab
+                    value={`/clients/org/${v.id}`}
+                    key={`client-menu-${v.id}`}
+                    as={NextLink}
+                    replace={true}
+                    href={`/clients/org/${v.id}`}
+                  >
+                    {v.name}
+                  </Tab>
+                );
+              })}
+            </TabList>
+          </Tabs>
+        </Box>
       )}
       {children}
     </Margin>