From b65277902fd6228388433224d3588c7e8dff5c35 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A0=95=ED=98=84=EC=A7=80?=
 <114800998+Hj1218@users.noreply.github.com>
Date: Sun, 11 Aug 2024 19:54:29 +0900
Subject: [PATCH] =?UTF-8?q?[feat]=20=ED=8E=98=EC=9D=B4=EC=A7=80=20?=
 =?UTF-8?q?=EC=97=B0=EA=B2=B0=20(#152)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/DementiaCenter/useGoDementiaCenter.js | 12 ++++++++++++
 src/pages/Home.jsx                              |  7 ++++++-
 2 files changed, 18 insertions(+), 1 deletion(-)
 create mode 100644 src/hooks/DementiaCenter/useGoDementiaCenter.js

diff --git a/src/hooks/DementiaCenter/useGoDementiaCenter.js b/src/hooks/DementiaCenter/useGoDementiaCenter.js
new file mode 100644
index 0000000..9eed83c
--- /dev/null
+++ b/src/hooks/DementiaCenter/useGoDementiaCenter.js
@@ -0,0 +1,12 @@
+import { useNavigate } from "react-router-dom";
+import { DEMENTIA_CENTER_PAGE_PATH } from "../../pages/dementiaCenter/DementiaCenter";
+
+const useGoDementiaCenter = () => {
+  const navigate = useNavigate();
+  const goDementiaCenterPage = () => {
+    navigate(DEMENTIA_CENTER_PAGE_PATH);
+  };
+  return { goDementiaCenterPage };
+};
+
+export default useGoDementiaCenter;
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 1fc0b2f..1bb10cc 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -3,6 +3,7 @@ import FeatureSlider from "../components/home/FeatureSlider";
 import MainDementiaPreventionSection from "../components/home/MainDementiaPreventionSection";
 import SubDementiaPreventionSection from "../components/home/SubDementiaPreventionSection";
 import btn_centerMap from "../assets/home/button/btn_centerMap.png";
+import useGoDementiaCenter from "../hooks/DementiaCenter/useGoDementiaCenter";
 
 export const HOME_PAGE_PATH = "/";
 
@@ -23,8 +24,12 @@ export default Home;
 
 //치매센터 버튼 컴포넌트
 const DementiaCenterButton = () => {
+  const { goDementiaCenterPage } = useGoDementiaCenter();
   return (
-    <div className="my-7 flex justify-between items-center border-2 py-5 px-3 md:px-8 rounded-xl cursor-pointer">
+    <div
+      className="my-7 flex justify-between items-center border-2 py-5 px-3 md:px-8 rounded-xl cursor-pointer"
+      onClick={goDementiaCenterPage}
+    >
       <div>
         <span className="text-md sm:text-lg md:text-xl font-bold">
           가까운 치매센터 찾기 {">"}