refactor: 코드 위치 변경

- 다른 코드들 처럼 hook끼리 모아두기로 결정 [#927]
woowacourse-teams · Nov 14, 2023 · 4c2c861 · 4c2c861
1 parent 4a52531
commit 4c2c861
Showing 1 changed file with 17 additions and 17 deletions.
diff --git a/frontend/src/components/ui/StationSearchWindow/hooks/useStationSearchWindow.tsx b/frontend/src/components/ui/StationSearchWindow/hooks/useStationSearchWindow.tsx
@@ -29,6 +29,23 @@ export const useStationSearchWindow = () => {
 
   const [isFocused, setIsFocused] = useState(false);
 
+  const queryClient = useQueryClient();
+
+  const [searchWord, setSearchWord] = useState('');
+  const [debouncedSearchWord, setDebouncedSearchWord] = useState(searchWord);
+
+  const { openLastPanel } = useNavigationBar();
+  const { openStationInfoWindow } = useStationInfoWindow();
+  const { renderDefaultMarker } = useMarker();
+
+  useDebounce(
+    () => {
+      setDebouncedSearchWord(searchWord);
+    },
+    [searchWord],
+    400
+  );
+
   const handleOpenResult = (
     event?: MouseEvent<HTMLInputElement> | FocusEvent<HTMLInputElement>
   ) => {
@@ -43,19 +60,6 @@ export const useStationSearchWindow = () => {
     setIsFocused(false);
   };
 
-  const queryClient = useQueryClient();
-
-  const [searchWord, setSearchWord] = useState('');
-  const [debouncedSearchWord, setDebouncedSearchWord] = useState(searchWord);
-
-  useDebounce(
-    () => {
-      setDebouncedSearchWord(searchWord);
-    },
-    [searchWord],
-    400
-  );
-
   const handleSubmitSearchWord = async (event: FormEvent<HTMLFormElement>) => {
     event.preventDefault();
 
@@ -81,10 +85,6 @@ export const useStationSearchWindow = () => {
     queryClient.invalidateQueries({ queryKey: [QUERY_KEY_SEARCHED_STATION] });
   };
 
-  const { openLastPanel } = useNavigationBar();
-  const { openStationInfoWindow } = useStationInfoWindow();
-  const { renderDefaultMarker } = useMarker();
-
   const showStationDetails = async ({ stationId, latitude, longitude }: StationPosition) => {
     googleMapActions.moveTo({ lat: latitude, lng: longitude });