diff --git a/src/app/quiz/[quizId]/@detail/page.tsx b/src/app/quiz/[quizId]/@detail/page.tsx index 47833bbb..c694258c 100644 --- a/src/app/quiz/[quizId]/@detail/page.tsx +++ b/src/app/quiz/[quizId]/@detail/page.tsx @@ -1,6 +1,7 @@ 'use client'; import clsx from 'clsx'; +import { useState } from 'react'; import { QuizButton, @@ -13,10 +14,9 @@ import { } from '@/app/quiz/hooks/'; import { OX, QuizButtonType } from '@/app/quiz/models/quiz'; import { Text, bgColor } from '@/common'; +import { Modal } from '@/common/components/Modal'; import { Comments } from '../../components/Comment/Comments'; -import { Modal } from '@/common/components/Modal'; -import { useState } from 'react'; type Props = { params: { diff --git a/src/app/quiz/components/QuizButton/Thumbnail.tsx b/src/app/quiz/components/QuizButton/Thumbnail.tsx index c57f8ffb..68b04b9a 100644 --- a/src/app/quiz/components/QuizButton/Thumbnail.tsx +++ b/src/app/quiz/components/QuizButton/Thumbnail.tsx @@ -1,11 +1,11 @@ 'use client'; import Image from 'next/image'; +import { HTMLAttributes } from 'react'; import { ICON_URL, bgColor, cn } from '@/common'; import { QuizButtonProps } from './type'; -import { HTMLAttributes } from 'react'; interface ThumbnailProps extends Pick, diff --git a/src/app/quiz/components/QuizButton/index.tsx b/src/app/quiz/components/QuizButton/index.tsx index 0c8be55e..1ccdc0f2 100644 --- a/src/app/quiz/components/QuizButton/index.tsx +++ b/src/app/quiz/components/QuizButton/index.tsx @@ -1,14 +1,14 @@ 'use client'; import clsx from 'clsx'; +import { useState } from 'react'; import { Text, bgColor } from '@/common'; +import { Modal } from '@/common/components/Modal'; import { ProgressBar } from './ProgressBar'; import { Thumbnail } from './Thumbnail'; import { QuizButtonProps } from './type'; -import { useState } from 'react'; -import { Modal } from '@/common/components/Modal'; export { Thumbnail }; export function QuizButton({ diff --git a/src/common/components/Modal/index.tsx b/src/common/components/Modal/index.tsx index b8a542bd..ccc7e74a 100644 --- a/src/common/components/Modal/index.tsx +++ b/src/common/components/Modal/index.tsx @@ -1,11 +1,12 @@ 'use client'; import Image from 'next/image'; +import { PropsWithChildren, ReactNode } from 'react'; +import { ICON_URL } from '@/common'; import { cn } from '@/common/utils'; + import { GlobalPortal } from '../GlobalPortal'; -import { PropsWithChildren, ReactNode } from 'react'; -import { ICON_URL } from '@/common'; type ModalProp = { isShow: boolean;