diff --git a/front/src/modules/comments/components/right-drawer/CommentThread.tsx b/front/src/modules/comments/components/right-drawer/CommentThread.tsx index 328c165c5..500a0e458 100644 --- a/front/src/modules/comments/components/right-drawer/CommentThread.tsx +++ b/front/src/modules/comments/components/right-drawer/CommentThread.tsx @@ -89,9 +89,8 @@ export function CommentThread({ }); const commentThread = data?.findManyCommentThreads[0]; - const [title, setTitle] = useState( - commentThread?.title, - ); + const [title, setTitle] = useState(undefined); + const [isLoading, setIsLoading] = useState(true); const [updateCommentThreadTitleMutation] = useUpdateCommentThreadTitleMutation(); @@ -120,10 +119,13 @@ export function CommentThread({ } useEffect(() => { - if (commentThread?.title) { - setTitle(commentThread.title); + if (commentThread) { + setIsLoading(false); } - }, [commentThread?.title]); + if (isLoading) { + setTitle(commentThread?.title ?? ''); + } + }, [commentThread, isLoading]); if (!commentThread) { return <>;