+ 현재 준비중인 서비스입니다 +
+전날 대비
- 아직 업로드 된 영상이 없어요 -
-+ 아직 업로드 된 영상이 없어요 +
++
{menuName}
)} diff --git a/src/app/(pages)/(main)/make-video/_components/make-video-contents.tsx b/src/app/(pages)/(main)/make-video/_components/make-video-contents.tsx index 7090e98..1789562 100644 --- a/src/app/(pages)/(main)/make-video/_components/make-video-contents.tsx +++ b/src/app/(pages)/(main)/make-video/_components/make-video-contents.tsx @@ -5,14 +5,18 @@ import { InfoStoreCard } from '../../mypage/_components/info/info-store-card'; import { MakeVideoInputUi } from './make-video-input-ui'; import { cn } from '@/lib/utils/cn'; import { useMakeVideoQuery } from '@/hooks/use-make-video-query'; -import { useStoreDetail } from '@/hooks/queries/use-store-detail'; +import { useStoreByUser, useStoreDetail } from '@/hooks/queries/use-store'; import { LoadingSpinner } from '@/components/loading-spinner'; +import { type StoreResponse } from '@/types/api'; -export function MakeVideoContents() { +interface MakeVideoContentsProps { + onStoreSelect?: (store: StoreResponse) => void; // 새로운 플로우용 콜백 +} + +export function MakeVideoContents({ onStoreSelect }: MakeVideoContentsProps = {}) { const { makeVideoInput, fileUpload } = useMakeVideoQuery(); - // TanStack Query로 데이터 캐싱 및 관리 - const { data: storeDetail, isLoading, error } = useStoreDetail('donkatsu'); + const { data: storeDetail, isLoading, error } = useStoreByUser(); if (isLoading) { return ( @@ -30,7 +34,7 @@ export function MakeVideoContents() { ); } - if (storeDetail.storeName === '') { + if (storeDetail.length === 0) { return (
+ 쇼츠테이블 AI가
+
+ 영상 제작을 시작했어요!
+
+ 추가된 메뉴가 없습니다. 메뉴를 추가하면 해당 메뉴의 사진을 + 업로드할 수 있어요. +
++ {menu.name} +
+{menu}
-{menu}
+//+ {/*
- {FORMATTED_HIT_COUNT} + {formatViewCount(video.views ?? 0)} -
+ */}{FILE_PROGRESS}%
+{progress}%
-+ 제작된 영상이 존재하지 않습니다. +
+- - {FORMATTED_HITS_COUNT} - -
-