change design and data list in doctor-item & handle component appointment in doctor-item & handle functionality date-picker & fix bug appointment page & add req get appointment list

2025-07-09 03:05:48 +03:30
parent f951128074
commit c6e2657e45
57 changed files with 442 additions and 445 deletions
@@ -0,0 +1,41 @@
+import React from "react";
+import { DatePicker } from "jalaali-react-date-picker";
+import { nextIconData, prevIconData } from "./dataIcon";
+import LoadingDate from "../LoadingDate";
+import Image from "next/image";
+
+function FirstDatePicker({
+  startDate,
+  loading,
+  handleDisableDate,
+  nextIconDatePickerF,
+  prevIconDatePickerF,
+  prevIconDatePickerS,
+  handleStartDateChange,
+}) {
+  return (
+    <div className="w-full first md:w-1/2 lg:w-full xl:w-1/2 relative flex justify-center">
+      <DatePicker
+        value={startDate}
+        className={`w-full ${loading ? "opacity-0" : "opacity-100"}`}
+        timePicker={false}
+        nextIcon={
+          <Image {...nextIconData} ref={nextIconDatePickerF} id="nextIconF" />
+        }
+        prevIcon={
+          <Image
+            {...prevIconData}
+            ref={prevIconDatePickerF}
+            onClick={() => prevIconDatePickerS.current.click()}
+          />
+        }
+        isFirst={true}
+        onChange={handleStartDateChange}
+        disabledDates={(e) => handleDisableDate(e)}
+      />
+      <LoadingDate loading={loading} />
+    </div>
+  );
+}
+
+export default FirstDatePicker;
@@ -0,0 +1,42 @@
+import React from "react";
+import { DatePicker } from "jalaali-react-date-picker";
+import { nextIconData, prevIconData } from "./dataIcon";
+import LoadingDate from "../LoadingDate";
+import Image from "next/image";
+
+function SecondDatePicker({
+  endDate,
+  loading,
+  handleDisableDate,
+  nextIconDatePickerF,
+  nextIconDatePickerS,
+  prevIconDatePickerS,
+  handleEndDateChange,
+}) {
+  return (
+    <div className="w-1/2 second hidden md:flex lg:hidden xl:flex">
+      <div className="w-full relative flex justify-center">
+        <DatePicker
+          value={endDate}
+          timePicker={false}
+          className={`w-full ${loading ? "opacity-0" : "opacity-100"}`}
+          nextIcon={
+            <Image
+              {...nextIconData}
+              ref={nextIconDatePickerS}
+              onClick={() => !loading && nextIconDatePickerF.current.click()}
+            />
+          }
+          prevIcon={
+            <Image {...prevIconData} ref={prevIconDatePickerS} id="prevIconS" />
+          }
+          onChange={handleEndDateChange}
+          disabledDates={(e) => handleDisableDate(e)}
+        />
+        <LoadingDate loading={loading} />
+      </div>
+    </div>
+  );
+}
+
+export default SecondDatePicker;
@@ -0,0 +1,16 @@
+export const fixedIconData = {
+  src: "/assets/icons/arrow-right.svg",
+  alt: "arrow",
+  height: 24,
+  width: 24,
+};
+
+export const nextIconData = {
+  ...fixedIconData,
+  className: "icon-left-datepicker cursor-pointer",
+};
+
+export const prevIconData = {
+  ...fixedIconData,
+  className: "icon-left-datepicker cursor-pointer rotate-180",
+};