moved isLoading

2026-08-02 12:20:35 +08:00 · 2023-01-04 20:35:20 +01:00
parent 8e61cef81d
commit b4034e56e2
2 changed files with 27 additions and 24 deletions
@@ -1,27 +1,12 @@
 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");
-
+export function MessageTable({ messages }) {
  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>
+    <Stack divider={<StackDivider />} spacing="4">
+      {messages.map((item, idx) => (
+        <MessageTableEntry item={item} idx={idx} key={item.id} />
+      ))}
+    </Stack>
  );
 }