refact: 이벤트 상세 정보 수정 간 관련 링크 예외처리 구현

Author: xaexunxang

src/pages/dashboard/ui/EventDetailPage.tsx

@@ -20,9 +20,10 @@ const EventDetailPage = () => {
   const [bannerImageUrl, setBannerImageUrl] = useState('');
   const [description, setDescription] = useState('');
   const [referenceLinks, setReferenceLinks] = useState<Link[]>([]);
+  const [isLinkValid, setIsLinkValid] = useState(true);
 
   const queryClient = useQueryClient();
-  
+
   useEffect(() => {
     console.log(data?.result.bannerImageUrl)
     if (data?.result) {
@@ -68,16 +69,29 @@ const EventDetailPage = () => {
     });
   };
 
+  const handleLinkValidation = (valid: boolean) => {
+    setIsLinkValid(valid);
+  };
+
   return (
     <DashboardLayout centerContent="DASHBOARD">
       <div className="flex flex-col gap-5 mt-8 px-7">
         <h1 className="text-center text-xl font-bold mb-5">이벤트 상세 정보</h1>
         <FileUpload value={bannerImageUrl} onChange={setBannerImageUrl} useDefaultImage={false} />
-        <TextEditor value={description} onChange={setDescription}/>
-        <LinkInput value={referenceLinks} onChange={setReferenceLinks} />
+        <TextEditor value={description} onChange={setDescription} />
+        <LinkInput 
+          value={referenceLinks} 
+          onChange={setReferenceLinks} 
+          onValidationChange={handleLinkValidation}
+        />
       </div>
       <div className="w-full p-7">
-        <Button label="저장하기" onClick={handleSave} className="w-full h-12 rounded-full" />
+        <Button 
+          label="저장하기" 
+          onClick={handleSave} 
+          className="w-full h-12 rounded-full" 
+          disabled={!isLinkValid}
+        />
       </div>
     </DashboardLayout>
   );

src/pages/event/ui/create-event/EventInfoPage.tsx

@@ -12,7 +12,7 @@ const EventInfoPage = ({ onValidationChange }: EventInfoPageProps) => {
   const { eventState, setEventState } = useFunnelState();
   const [isFileValid, setIsFileValid] = useState(false);
   const [isTextValid, setIsTextValid] = useState(false);
-  const [isLinkValid, setIsLinkValid] = useState(false);
+  const [isLinkValid, setIsLinkValid] = useState(true);
 
   const handleFileValidation = (valid: boolean) => {
     setIsFileValid(valid);
@@ -46,7 +46,12 @@ const EventInfoPage = ({ onValidationChange }: EventInfoPageProps) => {
         setEventState={setEventState}
         onValidationChange={handleTextValidation}
       />
-      <LinkInput eventState={eventState} setEventState={setEventState} onValidationChange={handleLinkValidation} />
+      <LinkInput 
+        eventState={eventState} 
+        setEventState={setEventState} 
+        onValidationChange={handleLinkValidation} 
+        value={eventState?.referenceLinks}
+      />
     </div>
   );
 };