Merge pull request #97 from wafflestudio/feat/register_details

Fix.
wafflestudio · Feb 2, 2025 · b8942c4 · b8942c4
2 parents c8f1cd2 + 8a3cc25
commit b8942c4
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 22 deletions.
diff --git a/src/components/home/Topbar/Header.tsx b/src/components/home/Topbar/Header.tsx
@@ -154,25 +154,27 @@ const Header = () => {
           </div>
 
           {/* 모드 전환 탭 */}
-          <nav className="flex gap-2 hidden sm:block">
-            <TabButton
-              active={mode === 'normal'}
-              isMainPage={isMainPage}
-              onClick={() => {
-                handleModeChange('normal');
-              }}
-            >
-              숙소
-            </TabButton>
-            <TabButton
-              active={mode === 'hotplace'}
-              isMainPage={isMainPage}
-              onClick={() => {
-                handleModeChange('hotplace');
-              }}
-            >
-              핫플
-            </TabButton>
+          <nav className="flex gap-2">
+            <div className="hidden sm:block">
+              <TabButton
+                active={mode === 'normal'}
+                isMainPage={isMainPage}
+                onClick={() => {
+                  handleModeChange('normal');
+                }}
+              >
+                숙소
+              </TabButton>
+              <TabButton
+                active={mode === 'hotplace'}
+                isMainPage={isMainPage}
+                onClick={() => {
+                  handleModeChange('hotplace');
+                }}
+              >
+                핫플
+              </TabButton>
+            </div>
           </nav>
 
           <div className="flex-1 flex items-center justify-end gap-4">

diff --git a/src/components/home/context/HotplaceContext.tsx b/src/components/home/context/HotplaceContext.tsx
@@ -1,7 +1,7 @@
-import axios from 'axios';
 import type { ReactNode } from 'react';
 import { createContext, useCallback, useContext, useState } from 'react';
 
+import axiosInstance from '@/axiosInstance';
 import type {
   RoomListResponse,
   RoomMain,
@@ -37,7 +37,7 @@ export function HotPlaceProvider({ children }: { children: ReactNode }) {
           endDate: endDate.toISOString().split('T')[0],
         };
 
-        const response = await axios.get<RoomListResponse>(
+        const response = await axiosInstance.get<RoomListResponse>(
           '/api/v1/rooms/main/hotPlaces',
           { params },
         );

diff --git a/src/components/user/MyHostingItems.tsx b/src/components/user/MyHostingItems.tsx
@@ -202,7 +202,7 @@ const MyHostingItems = () => {
               ₩ {room.price.toLocaleString()} / 박
             </p>
 
-            {/* Hover 시 수정 & 삭제 아이콘 */}
+            {/* Hover시 수정 & 삭제 아이콘 */}
             <div className="absolute inset-0 bg-black bg-opacity-30 rounded-lg flex items-center justify-center gap-5 opacity-0 group-hover:opacity-100 transition-opacity">
               <EditOutlinedIcon
                 className="w-10 h-10 text-white hover:text-black cursor-pointer"