From 80e8f65a8359173982d21e9106d6d7f9739fb6fb Mon Sep 17 00:00:00 2001
From: DucDao <minkendy0@gmail.com>
Date: Fri, 12 Jul 2024 09:23:06 +0700
Subject: [PATCH] fix: fix bug

---
 frontend/src/layouts/CheckoutLayout.tsx          |  4 +++-
 .../dashboard/components/DashboardHeader.tsx     |  4 ++--
 .../src/pages/dashboard/components/Sidebar.tsx   | 16 ++++++++++------
 frontend/src/pages/home/components/Content.tsx   |  2 +-
 .../pages/product/accessory/AccessoryDetail.tsx  |  2 +-
 5 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/frontend/src/layouts/CheckoutLayout.tsx b/frontend/src/layouts/CheckoutLayout.tsx
index 1c422d3..b163b1c 100644
--- a/frontend/src/layouts/CheckoutLayout.tsx
+++ b/frontend/src/layouts/CheckoutLayout.tsx
@@ -270,7 +270,9 @@ export default function CheckoutLayout() {
             </div>
             <div className="flex justify-between">
               <div>Discount</div>
-              <div className="font-semibold">{totalDiscount * 100 + "%"}</div>
+              <div className="font-semibold">
+                {(totalDiscount * 100).toFixed(0) + "%"}
+              </div>
             </div>
           </div>
           <Divider />
diff --git a/frontend/src/pages/dashboard/components/DashboardHeader.tsx b/frontend/src/pages/dashboard/components/DashboardHeader.tsx
index c77942b..77517f0 100644
--- a/frontend/src/pages/dashboard/components/DashboardHeader.tsx
+++ b/frontend/src/pages/dashboard/components/DashboardHeader.tsx
@@ -66,7 +66,7 @@ export default function DashboardHeader() {
               anchor="bottom end"
               className="w-52 origin-top-right rounded-xl border border-white/5 bg-black p-1 text-sm/6 text-white [--anchor-gap:var(--spacing-1)] focus:outline-none"
             >
-              <MenuItem>
+              {/* <MenuItem>
                 {({ active }) => (
                   <a
                     href="/profile"
@@ -77,7 +77,7 @@ export default function DashboardHeader() {
                     Your Profile
                   </a>
                 )}
-              </MenuItem>
+              </MenuItem> */}
 
               <MenuItem>
                 <Button
diff --git a/frontend/src/pages/dashboard/components/Sidebar.tsx b/frontend/src/pages/dashboard/components/Sidebar.tsx
index 1bdc19b..74dd1ae 100644
--- a/frontend/src/pages/dashboard/components/Sidebar.tsx
+++ b/frontend/src/pages/dashboard/components/Sidebar.tsx
@@ -389,19 +389,23 @@ export default function Sidebar() {
       {/* Sidebar */}
       <div className="sm:hidden flex flex-col bg-neutral-800 w-auto h-auto text-white overflow-y-auto">
         <Link to={"/"} className="flex items-center gap-2 px-1 py-3 mx-3">
-          <Gem strokeWidth={1.75} />
-          <div className="text-neutral-100 text-xl">DatJ</div>
+          <Gem strokeWidth={1.75} width={15} />
+          <div className="text-neutral-100 text-sm">DatJ</div>
         </Link>
         <Button
-          className="mx-3"
-          type="primary"
+          className="mx-3 w-8 flex justify-center ml-6 bg-neutral-800"
+          type="link"
           onClick={toggleCollapsed}
           style={{ marginBottom: 16, transition: "all 0.5s" }}
         >
-          {collapsed ? <MenuUnfoldOutlined /> : <MenuFoldOutlined />}
+          {collapsed ? (
+            <MenuUnfoldOutlined className="mt-1" />
+          ) : (
+            <MenuFoldOutlined className="mt-1" />
+          )}
         </Button>
         <Menu
-          className="bg-neutral-800 text-neutral-100 items-center p-4  "
+          className="bg-neutral-800 text-neutral-100 items-center p-4 "
           mode="inline"
           theme="dark"
           inlineCollapsed={collapsed}
diff --git a/frontend/src/pages/home/components/Content.tsx b/frontend/src/pages/home/components/Content.tsx
index a39806f..19a136e 100644
--- a/frontend/src/pages/home/components/Content.tsx
+++ b/frontend/src/pages/home/components/Content.tsx
@@ -47,7 +47,7 @@ const SecondContentSection = () => {
           </div>
           <div>
             <a
-              href="./"
+              href="/about"
               className="inline-block py-2 px-4 font-bold border-2 border-black hover:scale-95 transition-all"
             >
               ABOUT DATJ
diff --git a/frontend/src/pages/product/accessory/AccessoryDetail.tsx b/frontend/src/pages/product/accessory/AccessoryDetail.tsx
index 935ff71..1bd83c3 100644
--- a/frontend/src/pages/product/accessory/AccessoryDetail.tsx
+++ b/frontend/src/pages/product/accessory/AccessoryDetail.tsx
@@ -200,7 +200,7 @@ export default function AccessoryDetail() {
                 )}
               </Form>
               {!currentDiamond && (
-                <div className="text-xl py-6 w-full bg-gray-200 text-slate-500 hover:scale-95 transition-all rounded-md">
+                <div className="text-xl py-6 w-full bg-gray-200 text-slate-500 hover:scale-95 transition-all rounded-md cursor-not-allowed">
                   <div className="text-center uppercase">
                     Choose this accessory
                   </div>