show only the first item in appo list & update appo item text && change key in /doctors page URL && handle setting and updating data on first modal filter load

components/appointment/date/PlaceVisit.js

@@ -1,29 +0,0 @@
-"use client";
-
-import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect";
-
-function PlaceVisit({ locateVisit, setLocateVisit, isError }) {
-  const clinics = [
-    { label: "درمانگاه رازی", id: 10 },
-    { label: "درمانگاه ابوعلی", id: 20 },
-    { label: "درمانگاه مرکزی", id: 30 },
-  ];
-
-  const updateData = (event) => setLocateVisit(event);
-
-  return (
-    <div className="flex flex-col items-start gap-[19px] justify-start">
-      <p className="text-[#3B3B3B] text-[14px] md:text-[16px] font-bold">
-        1. انتخاب محل ویزیت
-      </p>
-      <AutoCompleteSelect
-        isError={isError && !locateVisit}
-        updateData={updateData}
-        label="درمانگاه"
-        list={clinics}
-      />
-    </div>
-  );
-}
-
-export default PlaceVisit;

components/appointment/date/Time/index.js

@@ -4,7 +4,7 @@ function Time({ isStep, setDate }) {
   return (
     <div className="flex relative mt-[24px] flex-col items-start gap-[19px] justify-start">
       <p className="text-[#3B3B3B] text-[14px] md:text-[16px] font-bold">
-        2. انتخاب روز
+        1. انتخاب روز
       </p>
       <SelectDatePicker setDate={setDate} />
       {!isStep && (

components/appointment/date/hour/index.js

@@ -1,16 +1,15 @@
 import DateTime from "@/app/component/date/dateTime";
 
-function Hour({ doctor, setStep, date, setIsError, locateVisit, isStep }) {
+function Hour({ doctor, setStep, date, locateVisit, isStep }) {
   return (
     <div className="flex relative mt-[24px] flex-col items-start gap-[12px] justify-start">
       <p className="text-[#3B3B3B] text-[14px] md:text-[16px] font-bold">
-        3. انتخاب ساعت
+        2. انتخاب ساعت
       </p>
       <DateTime
         date={date}
         doctor={doctor}
         setStep={setStep}
-        setIsError={setIsError}
         locateVisit={locateVisit}
       />
       {!isStep && (

components/appointment/date/index.js

@@ -1,7 +1,6 @@
 import { useState } from "react";
 import Hour from "./hour";
 import Time from "./Time";
-import PlaceVisit from "./PlaceVisit";
 
 function Date({ doctor, setStep }) {
   const [locateVisit, setLocateVisit] = useState(true);
@@ -14,11 +13,6 @@ function Date({ doctor, setStep }) {
         className="p-0 lg:p-[24px] rounded-[8px] border border-solid border-transparent lg:border-[#EFEFEF] 
             bg-transparent lg:bg-[#FFF]"
       >
-        <PlaceVisit
-          setLocateVisit={setLocateVisit}
-          locateVisit={locateVisit}
-          isError={isError}
-        />
         <Time
           setDate={setDate}
           locateVisit={locateVisit}
@@ -28,7 +22,6 @@ function Date({ doctor, setStep }) {
           isStep={doctor?.multiwork ? locateVisit : true}
           setLocateVisit={setLocateVisit}
           locateVisit={locateVisit}
-          setIsError={setIsError}
           setStep={setStep}
           doctor={doctor}
           date={date}