From 9662d55c5a56304878b0f9df472a5500c3b3a33b Mon Sep 17 00:00:00 2001
From: sosokker <sirin_29@hotmail.co.th>
Date: Mon, 20 Nov 2023 17:25:21 +0700
Subject: [PATCH] Update dashboard layout

---
 .../src/components/dashboard/dashboard.jsx    | 72 +++++--------------
 1 file changed, 18 insertions(+), 54 deletions(-)

diff --git a/frontend/src/components/dashboard/dashboard.jsx b/frontend/src/components/dashboard/dashboard.jsx
index abc7873..7d7427e 100644
--- a/frontend/src/components/dashboard/dashboard.jsx
+++ b/frontend/src/components/dashboard/dashboard.jsx
@@ -1,15 +1,4 @@
-import {
-  Card,
-  Grid,
-  Tab,
-  TabGroup,
-  TabList,
-  TabPanel,
-  TabPanels,
-  Text,
-  Title,
-  DonutChart,
-} from "@tremor/react";
+import { Card, Grid, Tab, TabGroup, TabList, TabPanel, TabPanels, Text, Title, DonutChart } from "@tremor/react";
 import KpiCard from "./kpiCard";
 import { BarChartGraph } from "./Barchart";
 
@@ -25,8 +14,7 @@ const cities = [
   },
 ];
 
-const valueFormatter = (number) =>
-  `$ ${new Intl.NumberFormat("us").format(number).toString()}`;
+const valueFormatter = number => `$ ${new Intl.NumberFormat("us").format(number).toString()}`;
 
 export default function Dashboard() {
   return (
@@ -50,47 +38,23 @@ export default function Dashboard() {
                   <br />
                   <KpiCard />
                 </Card>
-                  {/* Placeholder to set height */}
-                  <div className="h-31">
-                    <Card className="mx-auto h-full">
-                      <Title>Sales</Title>
-                      <DonutChart
-                        className="mt-6"
-                        data={cities}
-                        category="sales"
-                        index="name"
-                        colors={[
-                          "rose",
-                          "yellow",
-                          "orange",
-                          "indigo",
-                          "blue",
-                          "emerald",
-                        ]}
-                        onValueChange={(v) => setValue(v)}
-                        showAnimation
-                      />
-                    </Card>
-                  </div>
-                  <BarChartGraph />
-                      
-                <Card>
-                  {/* Placeholder to set height */}
-                  <div className="h-28" />
-                </Card>
+                {/* Placeholder to set height */}
+                <div className="h-31">
+                  <Card className="mx-auto h-full">
+                    <Title>Sales</Title>
+                    <DonutChart
+                      className="mt-6"
+                      data={cities}
+                      category="sales"
+                      index="name"
+                      colors={["rose", "yellow", "orange", "indigo", "blue", "emerald"]}
+                      onValueChange={v => setValue(v)}
+                      showAnimation
+                    />
+                  </Card>
+                </div>
+                <BarChartGraph />
               </Grid>
-              <div className="mt-6">
-                <Card>
-                  <div className="h-80" />
-                </Card>
-              </div>
-            </TabPanel>
-            <TabPanel>
-              <div className="mt-6">
-                <Card>
-                  <div className="h-96" />
-                </Card>
-              </div>
             </TabPanel>
           </TabPanels>
         </TabGroup>