Merge pull request depromeet#599 from depromeet/597-데스크탑-스페이스-템플릿-아이콘-클릭시-이후-화면-부재

fix: 스페이스 템플릿 아이콘 클릭시 이후 화면 부재 수정

Author: JaeIn1

apps/web/src/app/desktop/component/retrospect/template/list/index.tsx

@@ -31,7 +31,7 @@ export function TemplateList() {
 
   // * @see AddSpacePage.tsx - 첫 스페이스와 회고 생성시에 템플릿 선택 화면으로 이동할 때 URL 파라미터로 타입을 넘겨줘요
   const type = searchParams.get("template_type") || "";
-  const DEFAULT_TAB = type === "retrospect_create" ? (["기본", "커스텀"] as const) : (["기본"] as const);
+  const DEFAULT_TAB = ["기본", "커스텀"] as const;
 
   const { tabs, curTab, selectTab } = useTabs(DEFAULT_TAB);
 

apps/web/src/component/retrospect/space/RetrospectSpaceHeader.tsx

@@ -16,6 +16,7 @@ import { css } from "@emotion/react";
 import MemberManagement from "./members/MemberManagement";
 import { useQueries } from "@tanstack/react-query";
 import { useAtomValue, useSetAtom } from "jotai";
+import { TemplateList } from "@/app/desktop/component/retrospect/template/list";
 
 export default function RetrospectSpaceHeader() {
   const { open } = useModal();
@@ -63,6 +64,14 @@ export default function RetrospectSpaceHeader() {
     }
   };
 
+  const handleMoveToListTemplate = () => {
+    openFunnelModal({
+      title: "템플릿 리스트",
+      step: "listTemplate",
+      contents: <TemplateList />,
+    });
+  };
+
   return (
     <section
       css={css`
@@ -134,6 +143,7 @@ export default function RetrospectSpaceHeader() {
                 background-color: ${DESIGN_TOKEN_COLOR.white};
                 color: ${DESIGN_TOKEN_COLOR.gray600};
               `}
+              onClick={handleMoveToListTemplate}
             >
               <Icon icon={"ic_document_color"} size={2.0} color={DESIGN_TOKEN_COLOR.gray00} />
 

apps/web/src/hooks/useFunnelModal.ts

@@ -7,7 +7,7 @@ export const useFunnelModal = () => {
   const [state, setState] = useAtom(FunnelModalState);
 
   const openFunnelModal = useCallback(
-    ({ title, step, contents, templateTag, onConfirm, onClose, overlayIndex }: Omit<FunnelModalType, "isOpen">) => {
+    ({ title, step, contents, templateTag, onConfirm, onClose, overlayIndex = 10000 }: Omit<FunnelModalType, "isOpen">) => {
       setState({
         isOpen: true,
         title,