From 4af9a95d8cf34e4d520fb4619df09eb969db732e Mon Sep 17 00:00:00 2001
From: songc04 <songmhrm04@gmail.com>
Date: Tue, 28 Nov 2023 22:02:19 +0900
Subject: [PATCH 1/4] fead: crumb

---
 src/components/organisms/MapSelector.tsx | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/components/organisms/MapSelector.tsx b/src/components/organisms/MapSelector.tsx
index 6dbdeac..c800c8e 100644
--- a/src/components/organisms/MapSelector.tsx
+++ b/src/components/organisms/MapSelector.tsx
@@ -1,4 +1,4 @@
-import { Button, Flex } from "antd";
+import { Button, Flex, Breadcrumb } from "antd";
 import { css } from "@emotion/react";
 import {
   LocalSelector,
@@ -15,7 +15,7 @@ interface Props {
 }
 
 const MapSelector = ({ idMap, type = "local" }: Props) => {
-  const { metroName } = useParams();
+  const { metroName, localName } = useParams();
   const navigate = useNavigate();
 
   return (
@@ -30,6 +30,25 @@ const MapSelector = ({ idMap, type = "local" }: Props) => {
     >
       {metroName && type === "local" ? (
         <>
+          <div
+            css={css`
+              text-align: left;
+              width: 100%;
+              font-size: 24pt;
+            `}
+          >
+            <Breadcrumb
+              items={(
+                [
+                  {
+                    title: <a href="/localCouncil">뉴웨이즈 다양성 리포트</a>,
+                  },
+                ] as { title: string | JSX.Element }[]
+              )
+                .concat(metroName ? [{ title: metroName }] : [])
+                .concat(localName ? [{ title: localName }] : [])}
+            />
+          </div>
           <Flex
             justify="center"
             align="center"

From 7bf7c2e2adbfa7b47593ceb5a32f2d983d49762e Mon Sep 17 00:00:00 2001
From: songc04 <songmhrm04@gmail.com>
Date: Tue, 28 Nov 2023 22:10:43 +0900
Subject: [PATCH 2/4] fead: crumb

---
 src/components/organisms/MapSelector.tsx | 38 +++++++++++++++++++-----
 1 file changed, 30 insertions(+), 8 deletions(-)

diff --git a/src/components/organisms/MapSelector.tsx b/src/components/organisms/MapSelector.tsx
index c800c8e..f9de8b6 100644
--- a/src/components/organisms/MapSelector.tsx
+++ b/src/components/organisms/MapSelector.tsx
@@ -41,11 +41,33 @@ const MapSelector = ({ idMap, type = "local" }: Props) => {
               items={(
                 [
                   {
-                    title: <a href="/localCouncil">뉴웨이즈 다양성 리포트</a>,
+                    title: (
+                      // eslint-disable-next-line jsx-a11y/anchor-is-valid
+                      <a onClick={() => navigate("/localCouncil")}>
+                        뉴웨이즈 다양성 리포트
+                      </a>
+                    ),
                   },
                 ] as { title: string | JSX.Element }[]
               )
-                .concat(metroName ? [{ title: metroName }] : [])
+                .concat(
+                  metroName
+                    ? [
+                        {
+                          title: (
+                            // eslint-disable-next-line jsx-a11y/anchor-is-valid
+                            <a
+                              onClick={() =>
+                                navigate(`/localCouncil/${metroName}`)
+                              }
+                            >
+                              {metroName}
+                            </a>
+                          ),
+                        },
+                      ]
+                    : [],
+                )
                 .concat(localName ? [{ title: localName }] : [])}
             />
           </div>
@@ -59,10 +81,10 @@ const MapSelector = ({ idMap, type = "local" }: Props) => {
             <DropdownSelector
               innerText="기초 의회를 선택하세요."
               options={[...(idMap.get(metroName as MetroID)?.keys() || [])]}
-              onClick={localName => {
-                const idData = idMap.get(metroName as MetroID)?.get(localName);
+              onClick={local => {
+                const idData = idMap.get(metroName as MetroID)?.get(local);
                 if (!idData) return;
-                navigate(`/localCouncil/${metroName}/${localName}`);
+                navigate(`/localCouncil/${metroName}/${local}`);
               }}
             />
             <div
@@ -84,10 +106,10 @@ const MapSelector = ({ idMap, type = "local" }: Props) => {
           </Flex>
           <LocalSelector
             selected={metroName as MetroID}
-            onClick={localName => {
-              const idData = idMap.get(metroName as MetroID)?.get(localName);
+            onClick={local => {
+              const idData = idMap.get(metroName as MetroID)?.get(local);
               if (!idData) return;
-              navigate(`/localCouncil/${metroName}/${localName}`);
+              navigate(`/localCouncil/${metroName}/${local}`);
             }}
           />
         </>

From bf442ebfe941a2eb14e1347ec02f6d3269d99799 Mon Sep 17 00:00:00 2001
From: songc04 <songmhrm04@gmail.com>
Date: Tue, 28 Nov 2023 22:15:56 +0900
Subject: [PATCH 3/4] fix: linter check

---
 src/components/organisms/MapSelector.tsx | 23 ++++++++---------------
 1 file changed, 8 insertions(+), 15 deletions(-)

diff --git a/src/components/organisms/MapSelector.tsx b/src/components/organisms/MapSelector.tsx
index f9de8b6..6bff4c1 100644
--- a/src/components/organisms/MapSelector.tsx
+++ b/src/components/organisms/MapSelector.tsx
@@ -43,32 +43,25 @@ const MapSelector = ({ idMap, type = "local" }: Props) => {
                   {
                     title: (
                       // eslint-disable-next-line jsx-a11y/anchor-is-valid
-                      <a onClick={() => navigate("/localCouncil")}>
-                        뉴웨이즈 다양성 리포트
-                      </a>
+                      <a>뉴웨이즈 다양성 리포트</a>
                     ),
+                    onClick: () => navigate(`/localCouncil`),
                   },
-                ] as { title: string | JSX.Element }[]
+                ] as { title: string | JSX.Element; onClick: () => void }[]
               )
                 .concat(
                   metroName
                     ? [
                         {
-                          title: (
-                            // eslint-disable-next-line jsx-a11y/anchor-is-valid
-                            <a
-                              onClick={() =>
-                                navigate(`/localCouncil/${metroName}`)
-                              }
-                            >
-                              {metroName}
-                            </a>
-                          ),
+                          title: <a>{metroName}</a>,
+                          onClick: () => navigate(`/localCouncil/${metroName}`),
                         },
                       ]
                     : [],
                 )
-                .concat(localName ? [{ title: localName }] : [])}
+                .concat(
+                  localName ? [{ title: localName, onClick: () => {} }] : [],
+                )}
             />
           </div>
           <Flex

From c1a5f016f72091f57971c8f59274b7ab9865eea2 Mon Sep 17 00:00:00 2001
From: songc04 <songmhrm04@gmail.com>
Date: Tue, 28 Nov 2023 22:18:23 +0900
Subject: [PATCH 4/4] fix: linter check

---
 src/components/organisms/MapSelector.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/organisms/MapSelector.tsx b/src/components/organisms/MapSelector.tsx
index 6bff4c1..e3129c6 100644
--- a/src/components/organisms/MapSelector.tsx
+++ b/src/components/organisms/MapSelector.tsx
@@ -53,6 +53,7 @@ const MapSelector = ({ idMap, type = "local" }: Props) => {
                   metroName
                     ? [
                         {
+                          // eslint-disable-next-line jsx-a11y/anchor-is-valid
                           title: <a>{metroName}</a>,
                           onClick: () => navigate(`/localCouncil/${metroName}`),
                         },