From ecf66c1a8b796bfd343a07c8320f45dad66e6121 Mon Sep 17 00:00:00 2001
From: Juyoung Kim <ingressor531@gmail.com>
Date: Tue, 2 Apr 2024 14:00:54 +0900
Subject: [PATCH] =?UTF-8?q?hotfix:=20=EB=8B=B5=EB=B3=80=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EC=98=A4=EB=A5=98=20=EC=88=98=EC=A0=95(Su?=
 =?UTF-8?q?spense)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/answer/page.js | 73 ++++++++++++++++++++++--------------------
 1 file changed, 38 insertions(+), 35 deletions(-)

diff --git a/src/app/answer/page.js b/src/app/answer/page.js
index e0547fa..db17f7c 100644
--- a/src/app/answer/page.js
+++ b/src/app/answer/page.js
@@ -4,6 +4,7 @@ import React from 'react'
 import client from '@/utils/client'
 import { useSearchParams } from "next/navigation";
 import styles from "./answer.module.css";
+import { Suspense } from "react";
 
 
 const LoadingSpinner = () => {
@@ -43,45 +44,47 @@ const Answer = () => {
     }
 
     return (
-        <div style={{color: '#463E39', marginTop: '8px'}}>
-            <div className={styles.logo}>
-                <h3>
-                    <span>제22대 국회의원 후보자에게 묻습니다</span>
-                </h3>
-            </div>
-            <hr />
-            <div className={styles.container}>
-                {/* <h3>답변할 수 있는 시한이 지났습니다.</h3> */}
-                <h3>강간죄 구성 요건을 &apos;동의&apos; 여부로 바꾸는데 동의하십니까?</h3>
-                <div style={{margin: '6px 0', fontSize: '1.2rem'}}>
-                    <label>
-                        <input
-                            type="radio"
-                            value={'yes'}
-                            checked={choice === 'yes'}
-                            onChange={e => setChoice(e.target.value)}
-                        />
-                        동의합니다.
-                    </label>
-                </div>
-                <div style={{margin: '6px 0', fontSize: '1.2rem'}}>
-                    <label>
-                        <input
-                            type="radio"
-                            value={'no'}
-                            checked={choice === 'no'}
-                            onChange={e => setChoice(e.target.value)}
-                        />
-                        동의하지 않습니다.
-                    </label>
+        <Suspense>
+            <div style={{color: '#463E39', marginTop: '8px'}}>
+                <div className={styles.logo}>
+                    <h3>
+                        <span>제22대 국회의원 후보자에게 묻습니다</span>
+                    </h3>
                 </div>
+                <hr />
+                <div className={styles.container}>
+                    {/* <h3>답변할 수 있는 시한이 지났습니다.</h3> */}
+                    <h3>강간죄 구성 요건을 &apos;동의&apos; 여부로 바꾸는데 동의하십니까?</h3>
+                    <div style={{margin: '6px 0', fontSize: '1.2rem'}}>
+                        <label>
+                            <input
+                                type="radio"
+                                value={'yes'}
+                                checked={choice === 'yes'}
+                                onChange={e => setChoice(e.target.value)}
+                            />
+                            동의합니다.
+                        </label>
+                    </div>
+                    <div style={{margin: '6px 0', fontSize: '1.2rem'}}>
+                        <label>
+                            <input
+                                type="radio"
+                                value={'no'}
+                                checked={choice === 'no'}
+                                onChange={e => setChoice(e.target.value)}
+                            />
+                            동의하지 않습니다.
+                        </label>
+                    </div>
 
-                <div style={{marginTop: '20px'}}>
-                    <button className={styles.submit} onClick={() => response()}>저장</button>
+                    <div style={{marginTop: '20px'}}>
+                        <button className={styles.submit} onClick={() => response()}>저장</button>
+                    </div>
+                    {loading && <LoadingSpinner />}
                 </div>
-                {loading && <LoadingSpinner />}
             </div>
-        </div>
+        </Suspense>
     )
 }