pre-commit

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 (
-      <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>
+  );
+}

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 (
-      <FlaggableElement text={item.text} post_id={item.id} key={`flag_${item.id}`}>
-        <HStack>
-          <Avatar
-            name={`${item.isAssistant ? "Assitant" : "User"}`}
-            src={`${item.isAssistant ? "/logos/logo.png" : "/images/temp-avatars/av1.jpg"}`}
-          />
-          <Box className={`p-4 rounded-md text-white whitespace-pre-wrap ${bgColor} text-white w-full`}>{item.text}</Box>
-        </HStack>
-      </FlaggableElement>
-    );
-  };
+export function MessageTableEntry({ item, idx }) {
+  const bgColor = useColorModeValue(idx % 2 === 0 ? "bg-slate-800" : "bg-black", "bg-sky-900");
+
+  return (
+    <FlaggableElement text={item.text} post_id={item.id} key={`flag_${item.id}`}>
+      <HStack>
+        <Avatar
+          name={`${item.isAssistant ? "Assitant" : "User"}`}
+          src={`${item.isAssistant ? "/logos/logo.png" : "/images/temp-avatars/av1.jpg"}`}
+        />
+        <Box className={`p-4 rounded-md text-white whitespace-pre-wrap ${bgColor} text-white w-full`}>{item.text}</Box>
+      </HStack>
+    </FlaggableElement>
+  );
+}

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) => {