pre-commit

2026-08-19 11:50:35 +08:00 · 2023-01-04 15:42:51 +01:00
parent be22c77b07
commit 910c1c88ce
3 changed files with 39 additions and 41 deletions
@@ -1,28 +1,27 @@
 import { Box, CircularProgress, Stack, StackDivider, useColorModeValue } from "@chakra-ui/react";
 import { MessageTableEntry } from "./MessageTableEntry";

-export function MessageTable ({ messages, isLoading }) {
-    const backgroundColor = useColorModeValue("white", "gray.700");
-    const accentColor = useColorModeValue("gray.200", "gray.900");
-  
-    return (
-      <Box
-        backgroundColor={backgroundColor}
-        boxShadow="base"
-        dropShadow={accentColor}
-        borderRadius="xl"
-        className="p-6 shadow-sm"
-      >
-        {isLoading ? (
-          <CircularProgress isIndeterminate />
-        ) : (
-          <Stack divider={<StackDivider />} spacing="4">
-            {messages.map((item, idx) => (
-              <MessageTableEntry item={item} idx={idx} key={item.id} />
-            ))}
-          </Stack>
-        )}
-      </Box>
-    );
-  };
-  
+export function MessageTable({ messages, isLoading }) {
+  const backgroundColor = useColorModeValue("white", "gray.700");
+  const accentColor = useColorModeValue("gray.200", "gray.900");
+
+  return (
+    <Box
+      backgroundColor={backgroundColor}
+      boxShadow="base"
+      dropShadow={accentColor}
+      borderRadius="xl"
+      className="p-6 shadow-sm"
+    >
+      {isLoading ? (
+        <CircularProgress isIndeterminate />
+      ) : (
+        <Stack divider={<StackDivider />} spacing="4">
+          {messages.map((item, idx) => (
+            <MessageTableEntry item={item} idx={idx} key={item.id} />
+          ))}
+        </Stack>
+      )}
+    </Box>
+  );
+}