Merge pull request #862 from woowacourse-teams/dev/fe

[FE] 크롬 익스텐션 서브모듈 추가 및 모바일 헤더 버그 수정

.gitmodules

@@ -1,3 +1,7 @@
+[submodule "google-chrome-extension"]
+	path = google-chrome-extension
+	url = https://github.com/Jaymyong66/codezap-chrome-extension.git
+
 [submodule "backend/submodules/private"]
 	path = backend/submodules/private
 	url = https://github.com/codezap2024/2024-code-zap-private.git

frontend/src/components/Header/Header.tsx

@@ -33,7 +33,7 @@ const Header = ({ headerRef }: { headerRef: React.RefObject<HTMLDivElement> }) =
     if (isMenuOpen) {
       toggleMenu();
     }
-  }, [location.pathname, isMenuOpen]);
+  }, [location.pathname]);
 
   if (isChecking) {
     return (

frontend/src/hooks/category/useCategory.ts

@@ -9,11 +9,11 @@ interface Props {
 }
 
 export const useCategory = ({ memberId, initCategory }: Props) => {
-  const { data } = useCategoryListQuery({ memberId });
+  const { data, isFetching } = useCategoryListQuery({ memberId });
   const options = data?.categories || [];
 
   if (!initCategory) {
-    initCategory = { id: options[0]?.id, name: '카테고리' };
+    initCategory = { id: options[0]?.id, name: '카테고리 없음' };
   }
 
   const { isOpen, toggleDropdown, currentValue, handleCurrentValue, dropdownRef } = useDropdown<Category>(initCategory);
@@ -47,5 +47,6 @@ export const useCategory = ({ memberId, initCategory }: Props) => {
     createNewCategory,
     dropdownRef,
     isPending,
+    isCategoryQueryFetching: isFetching,
   };
 };

frontend/src/pages/TemplateUploadPage/TemplateUploadPage.tsx

@@ -77,6 +77,12 @@ const TemplateUploadPage = () => {
   };
 
   const handleSaveButtonClick = async () => {
+    if (categoryProps.isCategoryQueryFetching) {
+      failAlert('카테고리 목록을 불러오는 중입니다. 잠시 후 다시 시도해주세요.');
+
+      return;
+    }
+
     const errorMessage = validateTemplate();
 
     if (errorMessage) {