상대를 초대해
더 좋은 판결 결과를 얻어보세요
@@ -233,9 +249,7 @@ export default function DisputePage({ params }: { params: Promise<{ id: string }
)}
{/* 탭 (판결 완료 후) */}
- {isCompleted && (
-
- )}
+ {isCompleted &&
}
{/* 컨텐츠 */}
@@ -296,15 +310,18 @@ export default function DisputePage({ params }: { params: Promise<{ id: string }
@@ -318,7 +335,6 @@ export default function DisputePage({ params }: { params: Promise<{ id: string }
onAlone={() => void runJudge()}
onInvite={() => void handleInvite()}
/>
-
- )
+ );
}
diff --git a/src/app/(page)/join/[token]/page.tsx b/src/app/(page)/join/[token]/page.tsx
index d6098cd..ab145b6 100644
--- a/src/app/(page)/join/[token]/page.tsx
+++ b/src/app/(page)/join/[token]/page.tsx
@@ -95,7 +95,7 @@ export default function JoinPage() {
if (state === 'error') {
return (
}
+ character={
}
message={'죄송해요\n이 페이지는 접속할 수 없어요'}
buttonLabel="메인으로 돌아가기"
onButtonClick={goToMain}
@@ -106,7 +106,7 @@ export default function JoinPage() {
if (state === 'closed') {
return (
}
+ character={
}
message={'사건이 종료되어\n더 이상 열람할 수 없어요'}
buttonLabel="메인으로 돌아가기"
onButtonClick={goToMain}
@@ -117,7 +117,7 @@ export default function JoinPage() {
if (state === 'expired') {
return (
}
+ character={
}
message={'초대 링크가 만료되어\n더 이상 참여할 수 없어요'}
buttonLabel="메인으로 돌아가기"
onButtonClick={goToMain}
@@ -129,7 +129,7 @@ export default function JoinPage() {
-
+
{joinInfo?.inviterNickname ?? ''}
diff --git a/src/app/(page)/login/page.tsx b/src/app/(page)/login/page.tsx
index 4549310..42f9303 100644
--- a/src/app/(page)/login/page.tsx
+++ b/src/app/(page)/login/page.tsx
@@ -20,12 +20,12 @@ export default function LoginPage() {
{/* eslint-disable-next-line @next/next/no-img-element */}
-
- )
+ );
}
diff --git a/src/components/home/ActiveCasesSection.tsx b/src/components/home/ActiveCasesSection.tsx
index cc50edc..31f9157 100644
--- a/src/components/home/ActiveCasesSection.tsx
+++ b/src/components/home/ActiveCasesSection.tsx
@@ -1,28 +1,29 @@
-'use client'
+'use client';
-import Image from 'next/image'
-import { useRouter } from 'next/navigation'
-import CaseCard from '@/components/ui/CaseCard'
-import Avatar, { AvatarGroup } from '@/components/ui/Avatar'
-import { useActiveCases } from '@/hooks/useActiveCases'
-import styles from './ActiveCasesSection.module.scss'
+import Image from 'next/image';
+import { useRouter } from 'next/navigation';
+import CaseCard from '@/components/ui/CaseCard';
+import Avatar, { AvatarGroup } from '@/components/ui/Avatar';
+import { useActiveCases } from '@/hooks/useActiveCases';
+import styles from './ActiveCasesSection.module.scss';
function formatDate(isoString: string): string {
- return isoString.slice(2, 10)
+ return isoString.slice(2, 10);
}
export default function ActiveCasesSection() {
- const router = useRouter()
- const { data: cases = [], isLoading, isError } = useActiveCases()
+ const router = useRouter();
+ const { data: cases = [], isLoading, isError } = useActiveCases();
- if (isLoading) return null
+ if (isLoading) return null;
- if (isError) return (
-
- 진행중인 사건
- 사건 목록을 불러올 수 없어요
-
- )
+ if (isError)
+ return (
+
+ 진행중인 사건
+ 사건 목록을 불러올 수 없어요
+
+ );
return (
@@ -31,7 +32,7 @@ export default function ActiveCasesSection() {
{cases.length === 0 ? (
)}
- )
+ );
}
diff --git a/src/components/home/HomeServiceInfo.tsx b/src/components/home/HomeServiceInfo.tsx
index 21ef086..a35fcb4 100644
--- a/src/components/home/HomeServiceInfo.tsx
+++ b/src/components/home/HomeServiceInfo.tsx
@@ -1,18 +1,18 @@
-import Image from 'next/image'
-import styles from './HomeServiceInfo.module.scss'
+import Image from 'next/image';
+import styles from './HomeServiceInfo.module.scss';
const LINKS = [
{ label: '서비스 소개', href: null },
{ label: '개인정보 처리방침', href: '/privacy' },
{ label: '이용약관', href: '/terms' },
{ label: '고객문의', href: null },
-]
+];
export default function HomeServiceInfo() {
return (
Copyright ⓒ 말해부엉. ALL Rights Reserved.
- )
+ );
}
diff --git a/src/components/judgement/JudgmentResult.tsx b/src/components/judgement/JudgmentResult.tsx
index d717baa..4efad65 100644
--- a/src/components/judgement/JudgmentResult.tsx
+++ b/src/components/judgement/JudgmentResult.tsx
@@ -1,41 +1,41 @@
-'use client'
+'use client';
-import Image from 'next/image'
-import { useDispute } from '@/domains/dispute/dispute.hooks'
-import { useJudgment } from '@/domains/judgement/judgement.hooks'
-import styles from './JudgmentResult.module.scss'
+import Image from 'next/image';
+import { useDispute } from '@/domains/dispute/dispute.hooks';
+import { useJudgment } from '@/domains/judgement/judgement.hooks';
+import styles from './JudgmentResult.module.scss';
interface Props {
- disputeId: string
+ disputeId: string;
}
function Avatar({ src }: { src: string | null }) {
return (
- {src
- ?
- :
- }
+ {src ? (
+
+ ) : (
+
+ )}
-
{/* ── 판결결과 ── */}
판결결과
@@ -72,7 +72,7 @@ export default function JudgmentResult({ disputeId }: Props) {
이렇게 사과해보면 어떨까요?
{/* 선물 아이콘: 제목 우측 상단 고정, 아래 카드와 살짝 겹침 */}
)}
- )
+ );
}
-
diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index 48dc045..c8d9ac7 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -24,10 +24,12 @@ type HeaderProps = HeaderLogoProps | HeaderTitleProps;
export default function Header(props: HeaderProps) {
if (props.variant === 'logo') {
return (
-
+
{onBack && (
-
- {subtitle && (
- {subtitle}
- )}
+ {subtitle && {subtitle}
}
);
}
diff --git a/src/components/records/RecordListSection.tsx b/src/components/records/RecordListSection.tsx
index 56b1648..7b07022 100644
--- a/src/components/records/RecordListSection.tsx
+++ b/src/components/records/RecordListSection.tsx
@@ -1,19 +1,20 @@
-'use client'
+'use client';
-import { useState } from 'react'
-import Image from 'next/image'
-import CategoryFilter, { type Category } from '@/components/ui/CategoryFilter'
-import CaseRecordCard from '@/components/ui/CaseRecordCard'
-import Spinner from '@/components/ui/Spinner'
-import { useCompletedCases } from '@/domains/dispute/dispute.hooks'
-import type { CategoryGroup } from '@/types/common'
-import styles from './RecordListSection.module.scss'
+import { useState } from 'react';
+import Image from 'next/image';
+import CategoryFilter, { type Category } from '@/components/ui/CategoryFilter';
+import CaseRecordCard from '@/components/ui/CaseRecordCard';
+import Spinner from '@/components/ui/Spinner';
+import { useCompletedCases } from '@/domains/dispute/dispute.hooks';
+import type { CategoryGroup } from '@/types/common';
+import styles from './RecordListSection.module.scss';
export default function RecordListSection() {
- const [selectedCategory, setSelectedCategory] = useState('all')
+ const [selectedCategory, setSelectedCategory] = useState('all');
- const categoryGroup = selectedCategory === 'all' ? undefined : selectedCategory as CategoryGroup
- const { data: records = [], isLoading, isError } = useCompletedCases(categoryGroup)
+ const categoryGroup =
+ selectedCategory === 'all' ? undefined : (selectedCategory as CategoryGroup);
+ const { data: records = [], isLoading, isError } = useCompletedCases(categoryGroup);
return (
@@ -29,7 +30,7 @@ export default function RecordListSection() {
사건 기록을 불러오지 못했어요. 잠시 후 다시 시도해주세요.
) : records.length === 0 ? (
) : (
@@ -50,5 +51,5 @@ export default function RecordListSection() {
)}
- )
+ );
}
diff --git a/src/components/ui/Avatar.tsx b/src/components/ui/Avatar.tsx
index 3a156a8..9cd9f71 100644
--- a/src/components/ui/Avatar.tsx
+++ b/src/components/ui/Avatar.tsx
@@ -29,7 +29,7 @@ interface AvatarGroupProps {
className?: string;
}
-const FALLBACK_SRC = '/images/common/thumbnail-default.png';
+const FALLBACK_SRC = '/images/common/thumbnail-default.svg';
export default function Avatar({ src, alt, size: sizeProp = 's', className }: AvatarProps) {
const groupSize = useContext(AvatarSizeContext);
diff --git a/src/components/ui/CaseRecordCard.tsx b/src/components/ui/CaseRecordCard.tsx
index 6e4c883..6179bf0 100644
--- a/src/components/ui/CaseRecordCard.tsx
+++ b/src/components/ui/CaseRecordCard.tsx
@@ -1,29 +1,29 @@
-'use client'
+'use client';
-import Link from 'next/link'
-import MuiAvatar from '@mui/material/Avatar'
-import MuiAvatarGroup from '@mui/material/AvatarGroup'
-import CaseCard from '@/components/ui/CaseCard'
-import StatusBadge, { type DisputeStatus } from '@/components/ui/StatusBadge'
-import type { CategoryGroup } from '@/types/common'
-import styles from './CaseRecordCard.module.scss'
+import Link from 'next/link';
+import MuiAvatar from '@mui/material/Avatar';
+import MuiAvatarGroup from '@mui/material/AvatarGroup';
+import CaseCard from '@/components/ui/CaseCard';
+import StatusBadge, { type DisputeStatus } from '@/components/ui/StatusBadge';
+import type { CategoryGroup } from '@/types/common';
+import styles from './CaseRecordCard.module.scss';
interface Participant {
- profileImageUrl?: string | null
+ profileImageUrl?: string | null;
}
interface Props {
- href: string
- title: string
- description?: string | null
- categoryGroup: CategoryGroup
- status: DisputeStatus
- createdAt: string
- participants: Participant[]
+ href: string;
+ title: string;
+ description?: string | null;
+ categoryGroup: CategoryGroup;
+ status: DisputeStatus;
+ createdAt: string;
+ participants: Participant[];
}
function formatDate(dateStr: string): string {
- return dateStr.slice(2, 10)
+ return dateStr.slice(2, 10);
}
export default function CaseRecordCard({
@@ -35,7 +35,7 @@ export default function CaseRecordCard({
createdAt,
participants,
}: Props) {
- const date = formatDate(createdAt)
+ const date = formatDate(createdAt);
return (
@@ -61,15 +61,17 @@ export default function CaseRecordCard({
{participants.map((p, i) => (
))}
-
+
- )
+ );
}
diff --git a/src/components/ui/Spinner.tsx b/src/components/ui/Spinner.tsx
index 30dfa5c..a5a57c6 100644
--- a/src/components/ui/Spinner.tsx
+++ b/src/components/ui/Spinner.tsx
@@ -24,7 +24,7 @@ export default function Spinner({ className }: SpinnerProps) {
sx={{ color: 'var(--bg-brand)' }}
/>