diff --git a/src/app/[userNickname]/[listId]/_components/ListDetailInner/Footer.tsx b/src/app/[userNickname]/[listId]/_components/ListDetailInner/Footer.tsx index 87af1b6f..9efa9ce8 100644 --- a/src/app/[userNickname]/[listId]/_components/ListDetailInner/Footer.tsx +++ b/src/app/[userNickname]/[listId]/_components/ListDetailInner/Footer.tsx @@ -1,17 +1,17 @@ 'use client'; -import * as styles from './Footer.css'; -import CollectIcon from '/public/icons/collect.svg'; -import ShareIcon from '/public/icons/share.svg'; -import EtcIcon from '/public/icons/etc.svg'; -import BottomSheet from '@/app/[userNickname]/[listId]/_components/BottomSheet/BottomSheet'; +import { useParams, useRouter } from 'next/navigation'; import { MouseEvent, useState } from 'react'; +import BottomSheet from '@/app/[userNickname]/[listId]/_components/BottomSheet/BottomSheet'; import ModalPortal from '@/components/ModalPortal'; -import copyUrl from '@/lib/utils/copyUrl'; import saveImageFromHtml from '@/lib/utils/saveImageFromHtml'; -import kakaotalkShare from '@/components/KakaotalkShare/kakaotalkShare'; -import { useParams, useRouter } from 'next/navigation'; +import copyUrl from '@/lib/utils/copyUrl'; import toasting from '@/lib/utils/toasting'; +import kakaotalkShare from '@/components/KakaotalkShare/kakaotalkShare'; +import * as styles from './Footer.css'; +import CollectIcon from '/public/icons/collect.svg'; +import ShareIcon from '/public/icons/share.svg'; +import EtcIcon from '/public/icons/etc.svg'; interface BottomSheetOptionsProps { key: string; diff --git a/src/app/[userNickname]/[listId]/_components/ListDetailInner/RankList.tsx b/src/app/[userNickname]/[listId]/_components/ListDetailInner/RankList.tsx index 51f0457e..469e865d 100644 --- a/src/app/[userNickname]/[listId]/_components/ListDetailInner/RankList.tsx +++ b/src/app/[userNickname]/[listId]/_components/ListDetailInner/RankList.tsx @@ -1,8 +1,9 @@ 'use client'; + import { ListItemProps } from './index'; -import * as styles from './RankList.css'; import LinkPreview from '@/components/LinkPreview/LinkPreview'; import VideoEmbed from '@/components/VideoEmbed/VideoEmbed'; +import * as styles from './RankList.css'; import CrownIcon from '/public/icons/crown.svg'; interface RankListProps { diff --git a/src/app/[userNickname]/[listId]/_components/ListDetailInner/index.tsx b/src/app/[userNickname]/[listId]/_components/ListDetailInner/index.tsx index d52a4be5..44b3a6b6 100644 --- a/src/app/[userNickname]/[listId]/_components/ListDetailInner/index.tsx +++ b/src/app/[userNickname]/[listId]/_components/ListDetailInner/index.tsx @@ -1,9 +1,9 @@ 'use client'; +import { useState } from 'react'; import Header from '@/app/[userNickname]/[listId]/_components/ListDetailInner/Header'; import RankList from '@/app/[userNickname]/[listId]/_components/ListDetailInner/RankList'; import Footer from '@/app/[userNickname]/[listId]/_components/ListDetailInner/Footer'; -import { useState } from 'react'; import * as styles from './index.css'; export interface ListItemProps {