diff --git a/website/src/components/Messages/MessageTable.tsx b/website/src/components/Messages/MessageTable.tsx index 2572a5fa..fcbecbba 100644 --- a/website/src/components/Messages/MessageTable.tsx +++ b/website/src/components/Messages/MessageTable.tsx @@ -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 ( - - {isLoading ? ( - - ) : ( - } spacing="4"> - {messages.map((item, idx) => ( - - ))} - - )} - - ); - }; - \ No newline at end of file +export function MessageTable({ messages, isLoading }) { + const backgroundColor = useColorModeValue("white", "gray.700"); + const accentColor = useColorModeValue("gray.200", "gray.900"); + + return ( + + {isLoading ? ( + + ) : ( + } spacing="4"> + {messages.map((item, idx) => ( + + ))} + + )} + + ); +} diff --git a/website/src/components/Messages/MessageTableEntry.tsx b/website/src/components/Messages/MessageTableEntry.tsx index 7bda7af9..e68be0e8 100644 --- a/website/src/components/Messages/MessageTableEntry.tsx +++ b/website/src/components/Messages/MessageTableEntry.tsx @@ -2,18 +2,18 @@ import { Avatar, Box, HStack, useColorModeValue } from "@chakra-ui/react"; import { FlaggableElement } from "../FlaggableElement"; -export function MessageTableEntry ({ item, idx }) { - const bgColor = useColorModeValue(idx % 2 === 0 ? "bg-slate-800" : "bg-black", "bg-sky-900"); - - return ( - - - - {item.text} - - - ); - }; \ No newline at end of file +export function MessageTableEntry({ item, idx }) { + const bgColor = useColorModeValue(idx % 2 === 0 ? "bg-slate-800" : "bg-black", "bg-sky-900"); + + return ( + + + + {item.text} + + + ); +} diff --git a/website/src/pages/api/messages/index.tsx b/website/src/pages/api/messages/index.tsx index b5a82bb1..cf55dcc3 100644 --- a/website/src/pages/api/messages/index.tsx +++ b/website/src/pages/api/messages/index.tsx @@ -1,4 +1,3 @@ -import { boolean } from "boolean"; import { getToken } from "next-auth/jwt"; const handler = async (req, res) => {