Removed duplicate Box components

LAION-AI · Jan 7, 2023 · 5524db5 · 5524db5
1 parent d3a0bd4
commit 5524db5
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 35 deletions.
diff --git a/website/src/pages/dashboard.tsx b/website/src/pages/dashboard.tsx
@@ -1,4 +1,3 @@
-import { Box } from "@chakra-ui/react";
 import Head from "next/head";
 
 import { getDashboardLayout } from "src/components/Layout";
@@ -11,10 +10,8 @@ const Dashboard = () => {
         <title>Dashboard - Open Assistant</title>
         <meta name="description" content="Chat with Open Assistant and provide feedback." />
       </Head>
-      <Box className="flex flex-col overflow-auto p-6 sm:pl-0 gap-14">
-        <TaskOption />
-        <LeaderboardTable />
-      </Box>
+      <TaskOption />
+      <LeaderboardTable />
     </>
   );
 };

diff --git a/website/src/pages/messages/index.tsx b/website/src/pages/messages/index.tsx
@@ -31,38 +31,36 @@ const MessagesDashboard = () => {
         <title>Messages - Open Assistant</title>
         <meta name="description" content="Chat with Open Assistant and provide feedback." />
       </Head>
-      <Box className="flex flex-col overflow-auto p-6 sm:pl-0 gap-14">
-        <SimpleGrid columns={[1, 1, 1, 2]} gap={4}>
-          <Box>
-            <Text className="text-2xl font-bold" pb="4">
-              Most recent messages
-            </Text>
-            <Box
-              backgroundColor={boxBgColor}
-              boxShadow="base"
-              dropShadow={boxAccentColor}
-              borderRadius="xl"
-              className="p-6 shadow-sm"
-            >
-              {isLoadingAll ? <CircularProgress isIndeterminate /> : <MessageTable messages={messages} />}
-            </Box>
+      <SimpleGrid columns={[1, 1, 1, 2]} gap={4}>
+        <Box>
+          <Text className="text-2xl font-bold" pb="4">
+            Most recent messages
+          </Text>
+          <Box
+            backgroundColor={boxBgColor}
+            boxShadow="base"
+            dropShadow={boxAccentColor}
+            borderRadius="xl"
+            className="p-6 shadow-sm"
+          >
+            {isLoadingAll ? <CircularProgress isIndeterminate /> : <MessageTable messages={messages} />}
           </Box>
-          <Box>
-            <Text className="text-2xl font-bold" pb="4">
-              Your most recent messages
-            </Text>
-            <Box
-              backgroundColor={boxBgColor}
-              boxShadow="base"
-              dropShadow={boxAccentColor}
-              borderRadius="xl"
-              className="p-6 shadow-sm"
-            >
-              {isLoadingUser ? <CircularProgress isIndeterminate /> : <MessageTable messages={userMessages} />}
-            </Box>
+        </Box>
+        <Box>
+          <Text className="text-2xl font-bold" pb="4">
+            Your most recent messages
+          </Text>
+          <Box
+            backgroundColor={boxBgColor}
+            boxShadow="base"
+            dropShadow={boxAccentColor}
+            borderRadius="xl"
+            className="p-6 shadow-sm"
+          >
+            {isLoadingUser ? <CircularProgress isIndeterminate /> : <MessageTable messages={userMessages} />}
           </Box>
-        </SimpleGrid>
-      </Box>
+        </Box>
+      </SimpleGrid>
     </>
   );
 };