From 68e23fcc090aaf2a9fe0123af3e62ed009955161 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=82=A8=EC=A0=95=EC=9A=B1?=
 <113816822+HelloWook@users.noreply.github.com>
Date: Sun, 5 Jan 2025 05:01:06 +0900
Subject: [PATCH] =?UTF-8?q?fix=20:=20build=20=EC=97=90=EB=9F=AC=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95=20(#468)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Common/TopBar/TopBar.stories.tsx        |  3 ---
 .../CreateMapLetterCotainer.tsx                        |  4 ----
 src/hooks/useNearbyLetters.ts                          |  2 +-
 src/pages/Letter/SelectItem/SelectItemPage.tsx         |  8 +-------
 src/pages/Map/Select/MapSelectItemPage.tsx             | 10 ----------
 5 files changed, 2 insertions(+), 25 deletions(-)

diff --git a/src/components/Common/TopBar/TopBar.stories.tsx b/src/components/Common/TopBar/TopBar.stories.tsx
index d50dc95b..c8efa9c2 100644
--- a/src/components/Common/TopBar/TopBar.stories.tsx
+++ b/src/components/Common/TopBar/TopBar.stories.tsx
@@ -23,9 +23,6 @@ type Story = StoryObj<typeof TopBar>;
 
 export const Default: Story = {
     args: {
-        handleBackClick: () => {
-            alert('back');
-        },
         handleSuccesClick: () => {
             alert('go');
         }
diff --git a/src/components/CreateMapLetter/CreateMapLetterCotainer/CreateMapLetterCotainer.tsx b/src/components/CreateMapLetter/CreateMapLetterCotainer/CreateMapLetterCotainer.tsx
index 5f9d2d54..7ff39e41 100644
--- a/src/components/CreateMapLetter/CreateMapLetterCotainer/CreateMapLetterCotainer.tsx
+++ b/src/components/CreateMapLetter/CreateMapLetterCotainer/CreateMapLetterCotainer.tsx
@@ -78,9 +78,6 @@ const CreateMapLetterCotainer = () => {
     return (
         <>
             <TopBar
-                handleBackClick={() => {
-                    navigate(-1);
-                }}
                 handleSuccesClick={async () => {
                     if (
                         !title.trim() ||
@@ -137,7 +134,6 @@ const CreateMapLetterCotainer = () => {
                             <TextArea
                                 value={letterContent}
                                 setValue={setLetterContent}
-                                font={font}
                             />
                         </div>
 
diff --git a/src/hooks/useNearbyLetters.ts b/src/hooks/useNearbyLetters.ts
index faafdbe4..28d8abb4 100644
--- a/src/hooks/useNearbyLetters.ts
+++ b/src/hooks/useNearbyLetters.ts
@@ -3,7 +3,7 @@ import { getNearbyLetters } from '@/service/MapLetter/getNearbyLetters';
 import { NearbyLettersResponseType } from '@/types/letter';
 
 export const useNearbyLetters = (
-    currentLocation: { longitude: string; latitude: string } | null
+    currentLocation: { longitude: number; latitude: number } | null
 ) => {
     const query = useQuery({
         queryKey: [
diff --git a/src/pages/Letter/SelectItem/SelectItemPage.tsx b/src/pages/Letter/SelectItem/SelectItemPage.tsx
index 48764ece..ba9d906b 100644
--- a/src/pages/Letter/SelectItem/SelectItemPage.tsx
+++ b/src/pages/Letter/SelectItem/SelectItemPage.tsx
@@ -2,10 +2,8 @@ import { TopBar } from '@/components/Common/TopBar/TopBar';
 import { AnimationBottle } from '@/components/SelectItemPage/AnimationBottle/AnimationBottle';
 import { SelectItem } from '@/components/SelectItemPage/SelectItem/SelectItem';
 import React, { useCallback, useState } from 'react';
-import { useNavigate } from 'react-router-dom';
 
 const SelectItemPage = () => {
-    const navigate = useNavigate();
     const [isActive, setIsActive] = useState(false);
 
     const handleIsActive = useCallback((value: boolean) => {
@@ -14,11 +12,7 @@ const SelectItemPage = () => {
 
     return (
         <>
-            <TopBar
-                handleBackClick={() => {
-                    navigate(-1);
-                }}
-            />
+            <TopBar />
 
             <h2
                 className={`text-2xl text-center mt-[25%] transition-opacity duration-1000 ${
diff --git a/src/pages/Map/Select/MapSelectItemPage.tsx b/src/pages/Map/Select/MapSelectItemPage.tsx
index a02ae1bd..4c9cfe92 100644
--- a/src/pages/Map/Select/MapSelectItemPage.tsx
+++ b/src/pages/Map/Select/MapSelectItemPage.tsx
@@ -1,10 +1,8 @@
 import { Margin } from '@/components/Common/Margin/Margin';
 import { SliderMenuContainer } from '@/components/Common/SliderMenuContainer/SliderMenuContainer';
-import { TopBar } from '@/components/Common/TopBar/TopBar';
 import { AnimationBottle } from '@/components/SelectItemPage/AnimationBottle/AnimationBottle';
 import { CreateButton } from '@/components/SelectItemPage/CreateButton/CreateButton';
 import React, { useEffect, useState } from 'react';
-import { useNavigate } from 'react-router-dom';
 import { LabelProps } from '@/types/label';
 import { LabelList } from '@/components/SelectItemPage/LabelList/LabelList';
 import { useCreateMapLetter } from '@/hooks/useCreateMapLetter';
@@ -21,8 +19,6 @@ const testLable: LabelProps[] = [
 ];
 
 export const MapSelectItemPage = () => {
-    const navigate = useNavigate();
-
     // 로컬스토리지에서 데이터 가져오기
     const { storedValue: title } = useLocalStorage('maptitle', '');
     const { storedValue: content } = useLocalStorage('mapcontent', '');
@@ -88,12 +84,6 @@ export const MapSelectItemPage = () => {
 
     return (
         <div className="">
-            <TopBar
-                handleBackClick={() => {
-                    navigate(-1);
-                }}
-            />
-
             <h2
                 className={`text-2xl text-center mt-[25%] transition-opacity duration-1000 ${
                     isActive === true ? 'opacity-100' : 'opacity-0'