From 5524db5a01a830b244b30c87c91b38493d2428ef Mon Sep 17 00:00:00 2001
From: klotske <ilya@mokhov.vg>
Date: Sat, 7 Jan 2023 03:50:25 +0300
Subject: [PATCH] Removed duplicate Box components

---
 website/src/pages/dashboard.tsx      |  7 +---
 website/src/pages/messages/index.tsx | 58 ++++++++++++++--------------
 2 files changed, 30 insertions(+), 35 deletions(-)

diff --git a/website/src/pages/dashboard.tsx b/website/src/pages/dashboard.tsx
index 728875ff..8ab4d527 100644
--- 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
index cac39b87..96ee19db 100644
--- 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>
     </>
   );
 };