fix: 로그인 분기 처리 추가

- 로그인 안되어있을 경우 LoginDialog 호출

Author: yeojini

components/post/post-editor.tsx

@@ -16,6 +16,8 @@ import PostTags from '@/components/post/post-tags';
 import { DialogTrigger, Dialog } from '@/components/ui/Dialog';
 import SavePostDialog from '@/components/post/post-save-dialog';
 import { useRouter } from 'next/navigation';
+import { useUserProfile } from '@/lib/service/user/use-user-service';
+import LoginDialog from '@/components/auth/login-dialog';
 
 interface PostEditorProps {
   id: string;
@@ -29,6 +31,7 @@ const PostEditor: FunctionComponent<PostEditorProps> = ({ id, status }) => {
   const { mutate: updatePostMutate } = useUpdatePostMutation();
   const titleRef = useRef<{ getTitle: () => string }>(null);
   const tagListRef = useRef<{ getTagList: () => string[] }>(null);
+  const isLogin = useUserProfile().data !== undefined;
 
   const editorRef = useRef<MDXEditorMethods>(null);
 
@@ -113,10 +116,14 @@ const PostEditor: FunctionComponent<PostEditorProps> = ({ id, status }) => {
                     저장하기
                   </Button>
                 </DialogTrigger>
-                <SavePostDialog
-                  onSubmit={updatePost}
-                  initialArchiveId={archiveId}
-                />
+                {isLogin ? (
+                  <SavePostDialog
+                    onSubmit={updatePost}
+                    initialArchiveId={archiveId}
+                  />
+                ) : (
+                  <LoginDialog />
+                )}
               </Dialog>
             </div>
           </div>

components/post/url-text-field.tsx

@@ -21,10 +21,13 @@ import {
 } from '@/constants/SummaryOptionLabels';
 import { useCreatePostMutation } from '@/lib/service/post/use-post-service';
 import { useSummaryStore } from '@/store/useSummaryStore';
+import LoginDialog from '@/components/auth/login-dialog';
+import { useUserProfile } from '@/lib/service/user/use-user-service';
 
 const URLTextField = () => {
   const { url, setUrl, options, setOptions } = useSummaryStore();
   const [dialogMessage, setDialogMessage] = useState<string | null>(null);
+  const isLogin = useUserProfile().data !== undefined;
 
   const handleConfirm = (options: SummaryOptions) => {
     setOptions(options);
@@ -94,7 +97,7 @@ const URLTextField = () => {
             설정
           </button>
         </DialogTrigger>
-        <OptionDialog onConfirm={handleConfirm} />
+        {isLogin ? <OptionDialog onConfirm={handleConfirm} /> : <LoginDialog />}
       </Dialog>
       <TextField
         placeholder="URL을 입력해주세요."

components/summary/feadback-box.tsx

@@ -1,9 +1,11 @@
 'use client';
 
+import LoginDialog from '@/components/auth/login-dialog';
 import OptionDialog from '@/components/summary/option-dialog';
 import Button from '@/components/ui/Button';
 import { DialogTrigger } from '@/components/ui/Dialog';
 import { useCreatePostMutation } from '@/lib/service/post/use-post-service';
+import { useUserProfile } from '@/lib/service/user/use-user-service';
 import { cn } from '@/lib/utils';
 import { useSummaryStore } from '@/store/useSummaryStore';
 import { typography } from '@/styles/typography';
@@ -14,13 +16,16 @@ import { FunctionComponent } from 'react';
 const FeedbackBox: FunctionComponent = () => {
   const { url, options, setOptions } = useSummaryStore();
   const { mutate } = useCreatePostMutation();
+  const isLogin = useUserProfile().data !== undefined;
+
   const handleConfirm = (newOptions: SummaryOptions) => {
     setOptions(options);
     mutate({
       url,
       options: newOptions,
     });
   };
+
   return (
     <div
       className={cn(
@@ -35,7 +40,11 @@ const FeedbackBox: FunctionComponent = () => {
             재요약하기
           </Button>
         </DialogTrigger>
-        <OptionDialog onConfirm={handleConfirm} initialOptions={options} />
+        {isLogin ? (
+          <OptionDialog onConfirm={handleConfirm} initialOptions={options} />
+        ) : (
+          <LoginDialog />
+        )}
       </Dialog>
     </div>
   );