diff --git a/components/icons/CalendarTick.js b/components/icons/CalendarTick.js new file mode 100644 index 0000000..c79d8eb --- /dev/null +++ b/components/icons/CalendarTick.js @@ -0,0 +1,91 @@ +function CalendarTick({ active }) { + return ( + + + + + + + + + + + + ); +} + +export default CalendarTick; diff --git a/components/icons/LocationAdd.js b/components/icons/LocationAdd.js new file mode 100644 index 0000000..45249c0 --- /dev/null +++ b/components/icons/LocationAdd.js @@ -0,0 +1,34 @@ +function LocationAdd({ active }) { + return ( + + + + + + ); +} + +export default LocationAdd; diff --git a/components/icons/UserEdit.js b/components/icons/UserEdit.js new file mode 100644 index 0000000..1e97ccf --- /dev/null +++ b/components/icons/UserEdit.js @@ -0,0 +1,48 @@ +function UserEdit({ active }) { + return ( + + + + + + + ); +} + +export default UserEdit; diff --git a/components/panel/addDoctor/Step.js b/components/panel/addDoctor/Step.js new file mode 100644 index 0000000..ec7a92f --- /dev/null +++ b/components/panel/addDoctor/Step.js @@ -0,0 +1,40 @@ +import CalendarTick from "@/components/icons/CalendarTick"; +import LocationAdd from "@/components/icons/LocationAdd"; +import UserEdit from "@/components/icons/UserEdit"; + +function Step({ value }) { + const list = [ + { icon: , name: "اطلاعات عمومی" }, + { icon: , name: "اطلاعات مطب" }, + { icon: , name: "روزهای کاری" }, + ]; + + return ( +
    + {list.map((item, idx) => ( +
  • +
    +
    + {item.icon} +
    +

    + {item.name} +

    +
    +
    • + ))} +
+ ); +} + +export default Step; diff --git a/components/panel/addDoctor/index.js b/components/panel/addDoctor/index.js index 9486b65..f7ebf5b 100644 --- a/components/panel/addDoctor/index.js +++ b/components/panel/addDoctor/index.js @@ -11,6 +11,7 @@ import OfficeInformation from "./listMenu/officeInformation"; import GeneralInformation from "./listMenu/generalInformation"; import ArrowRightPH from "@/components/icons/ArrowRightPH"; import { Button } from "@mui/material"; +import Step from "./Step"; const listTab = [ "اطلاعات عمومی", @@ -39,30 +40,9 @@ function AddDoctorPage() {

پروفایل من

-
- -
- {components[value]} -
+ + {components[value]}
);