diff --git a/src/app/(after-login)/epigrams/[id]/page.tsx b/src/app/(after-login)/epigrams/[id]/page.tsx index aa329a1..d845fba 100644 --- a/src/app/(after-login)/epigrams/[id]/page.tsx +++ b/src/app/(after-login)/epigrams/[id]/page.tsx @@ -89,7 +89,7 @@ export default function Page() { {session ? ( - + ) : (
diff --git a/src/app/(after-login)/epigrams/_components/EpigramComments.tsx b/src/app/(after-login)/epigrams/_components/EpigramComments.tsx index d9b1645..8b90720 100644 --- a/src/app/(after-login)/epigrams/_components/EpigramComments.tsx +++ b/src/app/(after-login)/epigrams/_components/EpigramComments.tsx @@ -2,7 +2,6 @@ import { zodResolver } from '@hookform/resolvers/zod'; import { useQueryClient } from '@tanstack/react-query'; -import { useSession } from 'next-auth/react'; import { FormProvider, useForm } from 'react-hook-form'; import { toast } from 'react-toastify'; import { useCreateComment } from '@/apis/comment/comment.queries'; @@ -14,9 +13,15 @@ import type { FieldErrors } from 'react-hook-form'; interface EpigramCommentsProps { id: Epigram['id']; + session?: { + user: { + nickname: string; + image: string; + }; + }; } -export default function EpigramComments({ id }: EpigramCommentsProps) { +export default function EpigramComments({ id, session }: EpigramCommentsProps) { const methods = useForm({ resolver: zodResolver(commentSchema), defaultValues: { @@ -27,7 +32,6 @@ export default function EpigramComments({ id }: EpigramCommentsProps) { const queryClient = useQueryClient(); const commentQueryParams = { limit: 4 }; - const { data: session } = useSession(); const { data: commentData, @@ -78,16 +82,14 @@ export default function EpigramComments({ id }: EpigramCommentsProps) { onSubmit={methods.handleSubmit(handleCreateComment, handleCreateError)} className='border-t-0 px-0 !pt-0' > - {}} - handleCancelEdit={() => methods.reset()} - /> + {session?.user && ( + {}} + handleCancelEdit={() => methods.reset()} + /> + )} diff --git a/src/app/(after-login)/epigrams/_components/detail/DetailContent.tsx b/src/app/(after-login)/epigrams/_components/detail/DetailContent.tsx index ad3a115..10c10f1 100644 --- a/src/app/(after-login)/epigrams/_components/detail/DetailContent.tsx +++ b/src/app/(after-login)/epigrams/_components/detail/DetailContent.tsx @@ -5,7 +5,7 @@ type DetailContent = Pick; export function DetailContent({ content, author }: DetailContent) { return ( <> -

+

{content}

diff --git a/src/components/Comment.tsx b/src/components/Comment.tsx index a4c090a..a5fddd4 100644 --- a/src/components/Comment.tsx +++ b/src/components/Comment.tsx @@ -49,7 +49,7 @@ export default function Comment({ commentInfoBtns: 'ml-auto flex gap-x-4', commentInfoBtn: 'cursor-pointer leading-normal underline underline-offset-3', commentContent: - 'text-black-700 mt-2 text-[14px] leading-[1.7] break-keep md:mt-3 md:text-[16px] md:leading-relaxed lg:mt-4 lg:text-[20px]', + 'text-black-700 mt-2 text-[14px] leading-[1.7] break-all md:mt-3 md:text-[16px] md:leading-relaxed lg:mt-4 lg:text-[20px]', }; const CommentBody = () => (