design dashboard comments & messages & modals

2024-09-04 03:00:36 +03:30
parent bc47663002
commit 52a745fcb8
34 changed files with 669 additions and 128 deletions
@@ -0,0 +1,36 @@
+import ArrowRightS from "@/components/icons/ArrowRightS";
+import ArrowLeftD from "@/components/icons/ArrowLeftD";
+import EditTurnsD from "@/components/icons/EditTurnsD";
+import { Button } from "@mui/material";
+import ModalDeleteComment from "./modal";
+
+function Head({ user, setIsTurnsDetails }) {
+    return (
+        <div className="flex items-center justify-between">
+            <div className="flex items-center justify-start gap-[24px]">
+                <Button
+                    onClick={() => setIsTurnsDetails(false)}
+                    className="!p-[6px] !border !border-solid !border-[#EFEFEF] !rounded-[4px] !min-w-0"
+                >
+                    <ArrowRightS />
+                </Button>
+                <p className="text-[#3B3B3B] text-[20px] font-bold">جزئیات نوبت شما</p>
+            </div>
+            <div className="flex items-center justify-end gap-[24px]">
+                <ModalDeleteComment />
+                <Button
+                    className="!rounded-[4px] !shadow-none !gap-[4px] !py-[8px] !px-[12px]"
+                    variant="contained"
+                >
+                    <EditTurnsD />
+                    ویرایش نوبت
+                    <div className="mr-[4px]">
+                        <ArrowLeftD />
+                    </div>
+                </Button>
+            </div>
+        </div>
+    )
+}
+
+export default Head