feat: 인터뷰 관련 API의 반환 타입 수정 및 오류 처리 개선, 로딩 컴포넌트 변경 및 reissue 엔드포인트 수정

Author: jpark0506

apis/ai-interview.ts

@@ -38,7 +38,7 @@ export async function generateQuestions(
 	interviewId: string,
 	memberInterviewId: string,
 	payload?: InterviewStartResponseDTO
-): Promise<InterviewSession | boolean> {
+): Promise<InterviewSession> {
 	const updatedPayload = {
 		...payload,
 		result: {
@@ -54,7 +54,9 @@ export async function generateQuestions(
 		`/interview/${interviewId}/${memberInterviewId}/generate_questions`,
 		updatedPayload
 	)
-	if (typeof res === 'boolean') return res
+	if (typeof res === 'boolean') {
+		throw new Error('세션 생성에 실패했습니다.')
+	}
 	return toCamelCaseInterviewSession(res)
 }
 
@@ -75,12 +77,14 @@ export async function generateFollowUpQuestions(
 	sessionId: string,
 	index: number,
 	payload?: any
-): Promise<InterviewSession | boolean> {
+): Promise<InterviewSession> {
 	const res = await aiFetch.post<any>(
 		`/interview/session/${sessionId}/qa/${index}/generate_follow-ups`,
 		payload
 	)
-	if (typeof res === 'boolean') return res
+	if (typeof res === 'boolean') {
+		throw new Error('후속 질문 생성에 실패했습니다.')
+	}
 	return toCamelCaseInterviewSession(res)
 }
 
@@ -104,25 +108,29 @@ export async function generateFeedback(
 	sessionId: string,
 	index: number,
 	payload?: any
-): Promise<InterviewSession | boolean> {
+): Promise<InterviewSession> {
 	const res = await aiFetch.post<any>(
 		`/interview/session/${sessionId}/qa/${index}/feedback`,
 		payload
 	)
-	if (typeof res === 'boolean') return res
+	if (typeof res === 'boolean') {
+		throw new Error('피드백 생성에 실패했습니다.')
+	}
 	return toCamelCaseInterviewSession(res)
 }
 
 // 6. 최종 리포트 생성
 export async function generateFinalReport(
 	sessionId: string,
 	payload?: any
-): Promise<InterviewSession | boolean> {
+): Promise<InterviewSession> {
 	const res = await aiFetch.post<any>(
 		`/interview/session/${sessionId}/report`,
 		payload
 	)
-	if (typeof res === 'boolean') return res
+	if (typeof res === 'boolean') {
+		throw new Error('최종 리포트 생성에 실패했습니다.')
+	}
 	return toCamelCaseInterviewSession(res)
 }
 

app/workspace/interviews/group/community/[id]/page.tsx

@@ -19,7 +19,7 @@ import type { GroupInterviewDetailDTO } from '@/apis/types/interview-types'
 import { useQuery } from '@tanstack/react-query'
 import { useMemberSession } from '@/components/member-session-context'
 import { use as usePromise } from 'react'
-import LoadingSpinner from '@/components/loading'
+import LoadingSpinner from '@/components/loading-full-screen'
 
 export default function InterviewPostDetailPage({
 	params,

app/workspace/interviews/group/community/page.tsx

@@ -18,7 +18,7 @@ import { HeaderWithNotifications } from '@/components/header-with-notifications'
 import { CommunityLayout } from '@/components/community-layout'
 import { getGroupInterviewCards } from '@/apis/interview'
 import { useQuery } from '@tanstack/react-query'
-import LoadingSpinner from '@/components/loading'
+import LoadingSpinner from '@/components/loading-full-screen'
 
 export default function InterviewCommunityPage() {
 	const { data, isLoading, error } = useQuery({

app/workspace/interviews/group/waiting/[id]/page.tsx

@@ -22,7 +22,15 @@ import { Users, User, Brain } from 'lucide-react'
 import { formatCountdownString } from '@/utils/date/convertAllDate'
 import { Avatar, AvatarFallback } from '@/components/ui/avatar'
 import { CheckCircle } from 'lucide-react'
-import LoadingSpinner from '@/components/loading'
+import LoadingSpinner from '@/components/loading-full-screen'
+import { toast } from 'sonner'
+import {
+	Dialog,
+	DialogContent,
+	DialogHeader,
+	DialogTitle,
+	DialogFooter,
+} from '@/components/ui/dialog'
 
 export default function InterviewWaitingRoomPage({
 	params,
@@ -44,6 +52,7 @@ export default function InterviewWaitingRoomPage({
 	const timerRef = useRef<NodeJS.Timeout | null>(null)
 	const router = useRouter()
 	const [formattedStart, setFormattedStart] = useState('-')
+	const [startDialogOpen, setStartDialogOpen] = useState(false)
 
 	const {
 		data: interview,
@@ -123,7 +132,7 @@ export default function InterviewWaitingRoomPage({
 
 	const startInterview = useCallback(() => {
 		if (participants?.length === 0) {
-			alert('참가자가 없어요.')
+			toast.error('참가자가 없어요.')
 			router.replace('/workspace/interviews')
 			return null
 		}
@@ -137,17 +146,10 @@ export default function InterviewWaitingRoomPage({
 
 	const handleEarlyStart = () => {
 		if (!isHost) {
-			alert('면접 호스트만 면접을 시작할 수 있습니다.')
+			toast.error('면접 호스트만 면접을 시작할 수 있습니다.')
 			return
 		}
-
-		if (
-			confirm(
-				'면접을 지금 시작하시겠습니까? 모든 참가자에게 알림이 전송됩니다.'
-			)
-		) {
-			startInterview()
-		}
+		setStartDialogOpen(true)
 	}
 
 	if (isLoading) {
@@ -159,7 +161,7 @@ export default function InterviewWaitingRoomPage({
 	}
 
 	if (isError) {
-		alert('면접 정보를 불러오는 중 오류가 발생했어요.')
+		toast.error('면접 정보를 불러오는 중 오류가 발생했어요.')
 		router.replace('/workspace/interviews')
 		return null
 	}
@@ -343,6 +345,31 @@ export default function InterviewWaitingRoomPage({
 					</CardContent>
 				</Card>
 			</div>
+			<Dialog open={startDialogOpen} onOpenChange={setStartDialogOpen}>
+				<DialogContent>
+					<DialogHeader>
+						<DialogTitle>면접 시작</DialogTitle>
+					</DialogHeader>
+					<div>
+						면접을 지금 시작하시겠습니까? <br />
+						모든 참가자에게 알림이 전송됩니다.
+					</div>
+					<DialogFooter>
+						<Button variant="outline" onClick={() => setStartDialogOpen(false)}>
+							취소
+						</Button>
+						<Button
+							className="bg-[#8FD694] hover:bg-[#7ac47f] text-white"
+							onClick={() => {
+								setStartDialogOpen(false)
+								startInterview()
+							}}
+						>
+							확인
+						</Button>
+					</DialogFooter>
+				</DialogContent>
+			</Dialog>
 		</div>
 	)
 }

app/workspace/interviews/individual/waiting/[id]/page.tsx

@@ -16,7 +16,7 @@ import { useQuery } from '@tanstack/react-query'
 import { getGroupInterviewDetail } from '@/apis/interview'
 import { useRouter } from 'next/navigation'
 import { formatCountdownString } from '@/utils/date/convertAllDate'
-import LoadingSpinner from '@/components/loading'
+import LoadingSpinner from '@/components/loading-full-screen'
 import { toast } from 'sonner'
 
 export default function IndividualInterviewWaitingRoomPage({

app/workspace/interviews/page.tsx

@@ -13,7 +13,7 @@ import { useQuery } from '@tanstack/react-query'
 import { useMemberSession } from '@/components/member-session-context'
 import { useRouter } from 'next/navigation'
 import type { InterviewCardDTO } from '@/apis/types/interview-types'
-import LoadingSpinner from '@/components/loading'
+import LoadingSpinner from '@/components/loading-full-screen'
 import { toast } from 'sonner'
 import DeleteDialog from '../profile/components/DeleteDialog'
 import { PREPARE_FOR_RELEASE } from '@/constant'