refactor: 핀 관련 에러 수정

woowacourse-teams · Aug 3, 2023 · b4f1a48 · b4f1a48
1 parent 9741449
commit b4f1a48
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/frontend/src/hooks/useAnimateClickedPin.ts b/frontend/src/hooks/useAnimateClickedPin.ts
@@ -9,7 +9,7 @@ const useAnimateClickedPin = (map: any, markers: any) => {
       const marker = markers.find((marker: any) => marker.id === pinId);
       if (marker) {
         map.setCenter(marker.getPosition());
-        map.setZoom(14);
+        map.setZoom(17);
         marker._marker_data.options.animation =
           window.Tmapv2.MarkerOptions.ANIMATE_BALLOON;
         marker._marker_data.options.animationLength = 500;

diff --git a/frontend/src/pages/Home.tsx b/frontend/src/pages/Home.tsx
@@ -4,16 +4,18 @@ import TopicCard from '../components/TopicCard';
 import Button from '../components/common/Button';
 import Flex from '../components/common/Flex';
 import Box from '../components/common/Box';
-import { Fragment, useEffect, useState } from 'react';
+import { Fragment, useContext, useEffect, useState } from 'react';
 import { getApi } from '../utils/getApi';
 import { TopicType } from '../types/Topic';
 import useNavigator from '../hooks/useNavigator';
 import { MergeOrSeeTogether } from '../components/MergeOrSeeTogether';
+import { MarkerContext } from '../context/MarkerContext';
 
 const Home = () => {
   const [topics, setTopics] = useState<TopicType[]>([]);
   const [taggedTopicIds, setTaggedTopicIds] = useState<number[]>([]);
   const [tagTopics, setTagTopics] = useState<string[]>([]);
+  const { markers, removeMarkers } = useContext(MarkerContext);
   const { routePage } = useNavigator();
 
   const goToNewTopic = () => {
@@ -37,6 +39,7 @@ const Home = () => {
   // 현재 위치 받아오기
   useEffect(() => {
     getAndSetDataFromServer();
+    if (markers.length > 0) removeMarkers();
   }, []);
 
   return (