handle api register & change design dashboard tabs and page disease

2025-05-23 00:04:13 +03:30
parent c469f2ee3c
commit 6b1983fb0b
41 changed files with 527 additions and 157 deletions
@@ -0,0 +1,62 @@
+import Tabs from "@/app/component/Tabs";
+import IsTurnsDetails from "../sidebars/turns/isTurnsDetails";
+
+function HeadTab({
+  tab,
+  user,
+  listTab,
+  loading,
+  handleChange,
+  isTurnsDetails,
+  setIsTurnsDetails,
+  components,
+}) {
+
+  return (
+    <>
+      {isTurnsDetails ? (
+        <IsTurnsDetails
+          loading={loading}
+          user={user}
+          setIsTurnsDetails={setIsTurnsDetails}
+        />
+      ) : (
+        <>
+          <div className="!hidden md:!flex !w-full">
+            <Tabs
+              style={{
+                ".MuiTabs-indicator": {
+                  height: "2px",
+                  borderRadius: "16px",
+                  background: "#5559CE",
+                },
+                "& .MuiTabs-scroller": {
+                  borderBottom: "1px solid #EFEFEF",
+                },
+                "& .MuiTabs-flexContainer": {
+                  paddingRight: "15px",
+                  paddingLeft: "15px",
+                },
+                "& .mui-11pdt05-MuiButtonBase-root-MuiTab-root.Mui-selected": {
+                  color: "#5559CE !important",
+                },
+                "& .MuiButtonBase-root.Mui-selected": {
+                  color: "#5559CE !important",
+                },
+              }}
+              value={tab}
+              color="#5559CE"
+              listTab={listTab}
+              handleChange={handleChange}
+            />
+          </div>
+          <div className="mt-[24px] sm:mt-[28px] md:mt-[32px] px-0 md:px-[24px]">
+            {components[tab]}
+          </div>
+        </>
+      )}
+    </>
+  );
+}
+
+export default HeadTab;