feat: add navigation to SideMenu in MapView page

Findy-org · Nov 5, 2024 · a8f3b7c · a8f3b7c
1 parent c0ccf50
commit a8f3b7c
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/pages/MapView.tsx b/src/pages/MapView.tsx
@@ -1,9 +1,12 @@
 import { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
 
 import { SearchInput } from '@/components/common/SearchInput';
+import { SideMenu } from '@/components/common/SideMenu';
 import { NaverMap } from '@/components/features/NaverMap';
 
 export const MapView = () => {
+  const navigate = useNavigate();
   const [searchValue, setSearchValue] = useState('');
 
   const handleChange = (value: string) => {
@@ -22,6 +25,13 @@ export const MapView = () => {
           />
         </div>
         <NaverMap />
+        <div className="absolute bottom-14 right-4 flex flex-col gap-2 justify-center items-center">
+          <SideMenu.Group>
+            <SideMenu position="right" variant="gps" onClick={() => {}} />
+            <SideMenu position="right" variant="link" onClick={() => navigate('/link')} />
+            <SideMenu position="right" variant="emptyBookMark" onClick={() => {}} />
+          </SideMenu.Group>
+        </div>
       </div>
     </>
   );