From ad2d5a9b79760cbe961eda769f025dbc3043bf3f Mon Sep 17 00:00:00 2001
From: ehsan <ehsanahmadi8338@gmail.com>
Date: Sat, 3 May 2025 06:24:28 +0330
Subject: [PATCH] change function redirect url in specialties page

---
 components/home/search/index.js               |  1 +
 .../specialties/list/ItemSpecialties.js       | 40 +++++++++----------
 2 files changed, 21 insertions(+), 20 deletions(-)

diff --git a/components/home/search/index.js b/components/home/search/index.js
index 6f5e718..a5c88ce 100644
--- a/components/home/search/index.js
+++ b/components/home/search/index.js
@@ -13,6 +13,7 @@ function SearchBar() {
     second: "",
   });
   const [open, setOpen] = useState(false);
+  console.log(selected);
 
   return (
     <ButtonGroup
diff --git a/components/specialties/list/ItemSpecialties.js b/components/specialties/list/ItemSpecialties.js
index 27ef9ad..4bf33fc 100644
--- a/components/specialties/list/ItemSpecialties.js
+++ b/components/specialties/list/ItemSpecialties.js
@@ -1,29 +1,29 @@
 import TextLoading from "@/app/component/loading/Text";
-import React from "react";
-import { useRouter } from "next/navigation";
+import Link from "next/link";
 
 function ItemSpecialties({ data, loading }) {
-  const router = useRouter();
-  
-  const handleClick = () => {
-    router.push(`/doctors?specialties=${data.id}`);
-  };
-
   return (
-    <li
-      onClick={handleClick}
-      className="py-[17.5px] px-[12px] flex flex-col justify-center items-center gap-[16px] 
+    <li>
+      <Link
+        href={{
+          pathname: "/doctors",
+          query: {
+            specialties: data.id,
+          },
+        }}
+        className="py-[17.5px] px-[12px] flex flex-col justify-center items-center gap-[16px] 
       rounded-lg bg-[#FFF] shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)]
       hover:bg-[#5559CE] transition-all duration-500 cursor-pointer hover-mode-item-speciality"
-    >
-      <TextLoading loading={loading} width={70} height={18}>
-        <p className="text-[#3B3B3B] text-[16px] font-bold">{data.name}</p>
-      </TextLoading>
-      <TextLoading loading={loading} width={50} height={18}>
-        <p className="text-[#7E7E7E] text-[14px] font-medium">
-          {data.number_of_doctors} پزشک
-        </p>
-      </TextLoading>
+      >
+        <TextLoading loading={loading} width={70} height={18}>
+          <p className="text-[#3B3B3B] text-[16px] font-bold">{data.name}</p>
+        </TextLoading>
+        <TextLoading loading={loading} width={50} height={18}>
+          <p className="text-[#7E7E7E] text-[14px] font-medium">
+            {data.number_of_doctors} پزشک
+          </p>
+        </TextLoading>
+      </Link>
     </li>
   );
 }