Merge pull request #83 from JECT-Study/hotfix/74-Various-fixes

fix: render readonly consent from server data

Author: YeongJae0114

src/app/exhibitions/[exhibitionId]/consent/page.tsx

@@ -75,10 +75,9 @@ function ConsentPageContent({ params }: ConsentPageProps) {
   const [toastMessage, setToastMessage] = useState("동의서 작성이 완료되었습니다.");
 
   const mode: ConsentMode = useMemo(() => {
-    if (readonlyRequested || consentData?.mode === "READONLY" || consentData?.canSubmit === false)
-      return "readonly";
+    if (consentData?.mode === "READONLY" || consentData?.canSubmit === false) return "readonly";
     return "write";
-  }, [consentData?.canSubmit, consentData?.mode, readonlyRequested]);
+  }, [consentData?.canSubmit, consentData?.mode]);
 
   const isReadOnly = mode === "readonly";
 
@@ -99,11 +98,14 @@ function ConsentPageContent({ params }: ConsentPageProps) {
   const activeDraft = draft.exhibitionId === id ? draft : null;
 
   const checkedMap = useMemo(
-    () => ({
-      ...serverCheckedMap,
-      ...(activeDraft?.checkedMap ?? {}),
-    }),
-    [activeDraft?.checkedMap, serverCheckedMap]
+    () =>
+      isReadOnly
+        ? serverCheckedMap
+        : {
+            ...serverCheckedMap,
+            ...(activeDraft?.checkedMap ?? {}),
+          },
+    [activeDraft?.checkedMap, isReadOnly, serverCheckedMap]
   );
 
   const signatureDataUrl = isReadOnly

src/components/exhibition-consent/SignatureSection.tsx

@@ -69,11 +69,12 @@ export default function SignatureSection({
       {isReadOnly ? (
         <div className="bg-bg-primary-darker border-border-primary flex h-[152px] items-center justify-center overflow-hidden rounded-lg border">
           {displaySignatureUrl ? (
-            <div
-              role="img"
+            // eslint-disable-next-line @next/next/no-img-element
+            <img
+              src={displaySignatureUrl}
+              alt="저장된 서명"
               aria-label="저장된 서명"
-              className="h-full w-full bg-contain bg-center bg-no-repeat"
-              style={{ backgroundImage: `url("${displaySignatureUrl}")` }}
+              className="h-full w-full object-contain"
             />
           ) : (
             <p className="text-body-2 text-text-secondary">저장된 서명이 없습니다.</p>

src/services/exhibitionConsentApi.ts

@@ -10,9 +10,9 @@ export function getExhibitionConsent(exhibitionId: number): Promise<ExhibitionCo
 }
 
 export function getReadonlyExhibitionConsent(exhibitionId: number): Promise<ExhibitionConsent> {
-  return apiClient.get<ExhibitionConsent>(
-    `/api/v1/exhibitions/${exhibitionId}/consent?mode=readonly`
-  );
+  return apiClient.get<ExhibitionConsent>(`/api/v1/exhibitions/${exhibitionId}/consent`, {
+    mode: "readonly",
+  });
 }
 
 export function submitExhibitionConsent(