feat: 지점 설정 시, 지점명 업데이트

src/components/home/CurrentOffice.tsx

@@ -1,23 +1,33 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import SearchModal from './SearchModal';
 import SelectOfficeMap from './SelectOfficeMap';
 import { Branch } from '@/api/types/branch';
 import { useBranchStore } from '@/store/branch.store';
 
 const CurrentOffice = () => {
   const [showSearchModal, setShowSearchModal] = useState(false);
+  const [showSelectOfficeMap, setShowSelectOfficeMap] = useState(false);
   const selectedBranch = useBranchStore((state) => state.selectedBranch);
   const setSelectedBranch = useBranchStore((state) => state.setSelectedBranch);
 
   const handleBranchSelect = (branch: Branch) => {
     setSelectedBranch(branch);
     setShowSearchModal(false);
+    setShowSelectOfficeMap(true);
   };
 
   const handleSearchClick = () => {
     setShowSearchModal(true);
   };
 
+  const handleCloseSelectOfficeMap = () => {
+    setShowSelectOfficeMap(false);
+  };
+
+  useEffect(() => {
+    console.log('Selected Branch Updated:', selectedBranch);
+  }, [selectedBranch]);
+
   return (
     <>
       <div className="flex items-center gap-[10px] mt-6 relative">
@@ -32,7 +42,9 @@ const CurrentOffice = () => {
         </div>
       </div>
       {showSearchModal && <SearchModal onClose={() => setShowSearchModal(false)} onBranchSelect={handleBranchSelect} />}
-      {selectedBranch && <SelectOfficeMap branch={selectedBranch} onClose={() => setSelectedBranch(null)} />}
+      {showSelectOfficeMap && selectedBranch && (
+        <SelectOfficeMap branch={selectedBranch} onClose={handleCloseSelectOfficeMap} />
+      )}
     </>
   );
 };

src/components/home/SearchModal.tsx

@@ -34,7 +34,7 @@ const SearchModal: React.FC<SearchModalProps> = ({ onClose, onBranchSelect }) =>
 
   const handleItemClick = (branch: Branch) => {
     setSelectedBranch(branch);
-    onBranchSelect(branch); 
+    onBranchSelect(branch);
   };
 
   return (