fix bug panel error && change design dashboard

app/globals.css

@@ -286,6 +286,10 @@ html {
     padding-bottom: 10px;
   }
 
+  .MuiModal-root .sm-modal:nth-child(3) {
+    border-radius: 8px !important;
+  }
+
   .MuiModal-root div:nth-child(3) {
     border-radius: 0 !important;
   }

components/dashboard/userAccount/tabs/comments/Comment.js

@@ -40,7 +40,8 @@ function Comment({ data, loading, idx, length }) {
       </div>
       <CustomLoading loading={loading} width={130} height={18}>
         <Rating
-          defaultValue={data.stars.value}
+          dir="ltr"
+          value={data.stars.value}
           className="!mt-[4px] md:!mt-[6px] lg:!mt-[8px]"
           sx={{
             "& .MuiSvgIcon-root": {

components/dashboard/userAccount/tabs/comments/modal/index.js

@@ -24,7 +24,7 @@ function ModalDeleteComment() {
       <Modal open={open} onClose={handleClose}>
         <Box
           sx={styleDefault}
-          className="!w-fit !min-w-[328px] md:!w-fit md:!min-w-[552px] !py-[20px] !px-[24px]"
+          className="!w-fit !min-w-[328px] sm-modal md:!w-fit md:!min-w-[552px]"
         >
           <div className="flex items-center justify-between w-full">
             <p className="text-[#3B3B3B] text-[14px] sm:text-[16px] md:text-[18px] lg:text-[20px] font-medium">
@@ -42,14 +42,14 @@ function ModalDeleteComment() {
             <Button
               variant="outlined"
               onClick={handleClose}
-              className="!py-[4px] md:!py-[6px] lg:!py-[8px] !px-[8px] md:!px-[12px] lg:!px-[16px] !rounded-[4px] !border-[#828DE0] !text-[#828DE0] !text-[16px] !font-medium"
+              className="!py-[4px] md:!py-[6px] lg:!py-[8px] !px-[8px] md:!px-[12px] lg:!px-[16px] !rounded-[4px] !border-[#828DE0] !text-[#828DE0] !text-[12px] md:!text-[14px] lg:!text-[16px] !font-medium"
             >
               انصراف
             </Button>
             <Button
               variant="contained"
               onClick={handleClose}
-              className="!py-[4px] md:!py-[6px] lg:!py-[8px] !px-[8px] md:!px-[12px] lg:!px-[16px] !rounded-[4px] !text-[#EFEFEF] !text-[16px] !font-medium"
+              className="!py-[4px] md:!py-[6px] lg:!py-[8px] !px-[8px] md:!px-[12px] lg:!px-[16px] !rounded-[4px] !text-[#EFEFEF] !text-[12px] md:!text-[14px] lg:!text-[16px] !font-medium"
             >
               حذف نظر
             </Button>

components/dashboard/userAccount/tabs/turns/isTurnsDetails/DetailLg.js

@@ -12,7 +12,7 @@ import Image from "next/image";
 import React from "react";
 
 function DetailLg({ user, loading }) {
-  const data = user.done[1];
+  const data = user.turns.done[1];
 
   return (
     <div className="lg:mt-[18px] hidden md:block">

components/dashboard/userAccount/tabs/turns/isTurnsDetails/DetailSm.js

@@ -8,7 +8,7 @@ import CircularLoading from "@/app/component/loading/Circular";
 import TextLoading from "@/app/component/loading/Text";
 
 function DetailSm({ user, loading }) {
-  const data = user.done[1];
+  const data = user.turns.done[1];
 
   return (
     <div className="mt-[20px] block md:hidden">

components/layout/footer/menu/ListMenu.js

@@ -2,8 +2,6 @@ import Link from "next/link";
 import React from "react";
 
 function ListMenu({ list, isOpen }) {
-  console.log(list);
-
   return (
     <ul
       className={`

components/layout/index.js

@@ -33,7 +33,7 @@ function Layout({
         className={`w-full min-h-screen 
                 ${
                   disableFooter &&
-                  "pb-[calc(16px_+_80px)] sm:pb-[calc(52px_+_80px)] md:pb-[80px]"
+                  " md:pb-[80px]"
                 }`}
       >
         <header className="w-full sticky bg-[#FFF] shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)] mt-[12px] sm:mt-[21px] md:mt-[30px] lg:mt-[40px] top-0 right-1/2 z-[10]">

components/layout/sidebar/ModalLogout.js

@@ -7,7 +7,7 @@ function ModalLogout({ open, handleClose }) {
     <Modal open={open} onClose={handleClose}>
       <Box
         sx={styleDefault}
-        className="!w-fit dark:!bg-[#222433] dark:!shadow-[0px_4px_25px_10px_#1F1D2B] !min-w-[328px] md:!w-fit md:!min-w-[552px] !py-[20px] !px-[24px]"
+        className="!w-fit dark:!bg-[#222433] sm-modal dark:!shadow-[0px_4px_25px_10px_#1F1D2B] !min-w-[328px] md:!w-fit md:!min-w-[552px] !py-[20px] !px-[24px]"
       >
         <div className="flex items-center justify-between w-full">
           <p className="text-[#3B3B3B] text-[14px] dark:text-[#D7D8ED] sm:text-[16px] md:text-[18px] lg:text-[20px] font-medium">

components/panel/userAccount/bank/List.js

@@ -1,5 +1,5 @@
 import CustomTable from "@/app/component/CustomTable";
-import { Button, Switch, TableCell, TableRow } from "@mui/material";
+import { Button, TableCell, TableRow } from "@mui/material";
 import TextLoading from "@/app/component/loading/Text";
 import TrashB from "@/components/icons/TrashB";
 import EditB from "@/components/icons/EditB";

components/panel/userAccount/bank/cards/Item.js

@@ -4,7 +4,7 @@ import EditB from "@/components/icons/EditB";
 import TrashB from "@/components/icons/TrashB";
 import { Button } from "@mui/material";
 
-function Item({ data, loading }) {
+function Item({ data, loading, changeStatus }) {
   return (
     <li className="rounded-[8px] bg-[#FFF] p-[12px] dark:shadow-transparent dark:bg-[#222433] shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)]">
       <div className="w-full flex items-center justify-between">
@@ -14,7 +14,11 @@ function Item({ data, loading }) {
               <p className="text-[16px] min-w-[60px] font-medium text-[#616161] dark:text-[#A1A1A1]">
                 {data.status ? "فعال" : "غیر فعال"}
               </p>
-              <SwitchTable value={data.status} />
+              <SwitchTable
+                id={data.id}
+                value={data.status}
+                changeStatus={changeStatus}
+              />
             </div>
           </TextLoading>
         </div>

components/panel/userAccount/bank/cards/index.js

@@ -1,10 +1,10 @@
 import Item from "./Item";
 
-function Cards({ data, loading }) {
+function Cards({ data, loading, changeStatus }) {
   return (
     <ul className="md:hidden mt-[24px] grid grid-cols-1 sm:grid-cols-2 gap-[16px]">
       {data.map((item, idx) => (
-        <Item data={item} key={idx} />
+        <Item data={item} key={idx} changeStatus={changeStatus} />
       ))}
     </ul>
   );