From 94a81e63457cc5b27b1b630a20b040c0350c7792 Mon Sep 17 00:00:00 2001
From: Ehsan <ehsanahmadi8338@gmail.com>
Date: Thu, 24 Oct 2024 00:17:55 +0330
Subject: [PATCH] scroll to top after change step

---
 app/component/ScrollToTop.js                              | 8 ++++++++
 .../panel/addDoctor/listMenu/officeInformation/index.js   | 2 ++
 components/panel/addDoctor/listMenu/workingDays/index.js  | 2 ++
 3 files changed, 12 insertions(+)
 create mode 100644 app/component/ScrollToTop.js

diff --git a/app/component/ScrollToTop.js b/app/component/ScrollToTop.js
new file mode 100644
index 0000000..2a6eee0
--- /dev/null
+++ b/app/component/ScrollToTop.js
@@ -0,0 +1,8 @@
+import { useEffect } from "react";
+
+function ScrollToTop() {
+  useEffect(() => window.scrollTo(0, 0), []);
+  return;
+}
+
+export default ScrollToTop;
diff --git a/components/panel/addDoctor/listMenu/officeInformation/index.js b/components/panel/addDoctor/listMenu/officeInformation/index.js
index 470f06c..1e5eac4 100644
--- a/components/panel/addDoctor/listMenu/officeInformation/index.js
+++ b/components/panel/addDoctor/listMenu/officeInformation/index.js
@@ -2,10 +2,12 @@ import ArrowLeftPA from "@/components/icons/ArrowLeftPA";
 import { Button } from "@mui/material";
 import Form from "./Form";
 import { checkAllValues } from "@/helper";
+import ScrollToTop from "@/app/component/ScrollToTop";
 
 function OfficeInformation({ setValue, parent, data, setData }) {
   return (
     <div className="opacity-page pb-[24px] px-0 md:px-[24px] lg:px-[56px]">
+      <ScrollToTop />
       <Form parent={parent} setData={setData} data={data.office} />
       <div className="mt-[40px] w-full flex justify-end">
         <Button
diff --git a/components/panel/addDoctor/listMenu/workingDays/index.js b/components/panel/addDoctor/listMenu/workingDays/index.js
index 8fe85da..d1c0923 100644
--- a/components/panel/addDoctor/listMenu/workingDays/index.js
+++ b/components/panel/addDoctor/listMenu/workingDays/index.js
@@ -2,12 +2,14 @@ import { Button } from "@mui/material";
 import List from "./List";
 import ArrowLeftWhiteD from "@/components/icons/ArrowLeftWhiteD";
 import { useState } from "react";
+import ScrollToTop from "@/app/component/ScrollToTop";
 
 function WorkingDays({ parent, data, setData }) {
   const [isDisable, setIsDisable] = useState(true);
 
   return (
     <div className="opacity-page pb-[24px]">
+      <ScrollToTop />
       <p className="text-[#525252] dark:text-[#D7D8ED] text-[14px] md:text-[16px] text-center md:text-start font-bold">
         لیست روزهای کاری
       </p>