handle filter list with button

components/dashboard/userAccount/tabs/turns/Head.js

@@ -3,7 +3,7 @@ import { Button } from "@mui/material";
 
 const listTab = ["نوبت های جاری", "نوبت های انجام شده"];
 
-function Head({ value, setValue, isDone, setIsDone, handleChange }) {
+function Head({ isDone, setIsDone }) {
   return (
     <div className="flex items-center justify-start gap-[32px] mt-[24px] sm:mt-[26px] md:mt-[28px] lg:mt-[30px]">
       <div className="block w-full lg:hidden">
@@ -31,10 +31,10 @@ function Head({ value, setValue, isDone, setIsDone, handleChange }) {
               color: "#5559CE !important",
             },
           }}
-          value={value}
           color="#5559CE"
           listTab={listTab}
-          handleChange={handleChange}
+          value={isDone ? 0 : 1}
+          handleChange={(e, value) => setIsDone(!!!value)}
         />
       </div>
       <Button