From d5f30a565f23214ab87abd74969e9f560e1884a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EB=AF=BC=EC=8B=9D?=
 <43837214+Minsiki@users.noreply.github.com>
Date: Thu, 15 May 2025 15:15:01 +0900
Subject: [PATCH] =?UTF-8?q?[1:1=20=EB=AC=B8=EC=9D=98]=20=ED=8D=BC=EB=B8=94?=
 =?UTF-8?q?=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/inquiry/Answer.tsx     |  2 +-
 src/components/inquiry/Detail.tsx     | 16 +++++++++--
 src/components/inquiry/ListTable.tsx  | 29 ++++++++++++++++---
 src/components/inquiry/RegistForm.tsx | 40 ++++++++++++++++++++++-----
 4 files changed, 73 insertions(+), 14 deletions(-)

diff --git a/src/components/inquiry/Answer.tsx b/src/components/inquiry/Answer.tsx
index c1a5ec9..4eaa9a0 100644
--- a/src/components/inquiry/Answer.tsx
+++ b/src/components/inquiry/Answer.tsx
@@ -11,7 +11,7 @@ export default function Answer() {
           </div>
         </div>
         <div className="inquiry-detail-data">
-          <div className="inquiry-detail-category">回答</div>
+          <div className="inquiry-answer-tit">回答</div>
           <div className="inquiry-detail-txt">
             一次側接続は, 自動切替開閉器と住宅分電盤昼間遮断器との間に蓄電システム遮断器を配線する方法です. 二次側接続は,
             住宅分電盤週間ブレーカの二次側に蓄電システムブレーカを接続する
diff --git a/src/components/inquiry/Detail.tsx b/src/components/inquiry/Detail.tsx
index d41d5a0..3dcb625 100644
--- a/src/components/inquiry/Detail.tsx
+++ b/src/components/inquiry/Detail.tsx
@@ -7,7 +7,7 @@ export default function Detail() {
   //todo: 답변 완료 표시를 위해 임시로 추가 해 놓은 state
   // 추후에 api 작업 완료후 삭제
   // 답변 완료 클래스 & 하단 답변내용 출력도
-  const [inquiry, setInquiry] = useState<Boolean>(false)
+  const [inquiry, setInquiry] = useState<Boolean>(true)
 
   return (
     <>
@@ -31,6 +31,14 @@ export default function Detail() {
                   <th>作者</th>
                   <td>Hong gi</td>
                 </tr>
+                <tr>
+                  <th>名前</th>
+                  <td>Kim</td>
+                </tr>
+                <tr>
+                  <th>番号</th>
+                  <td>070-1234-5678</td>
+                </tr>
                 <tr>
                   <th>販売店</th>
                   <td>interplug</td>
@@ -47,7 +55,11 @@ export default function Detail() {
             </table>
           </div>
           <div className="inquiry-detail-data">
-            <div className="inquiry-detail-category">屋根適合</div>
+            <div className="inquiry-detail-category">
+              <span>屋根</span>
+              <span>適合性</span>
+              <span>屋根材</span>
+            </div>
             <div className="inquiry-detail-tit">屋根材適合性確認依頼</div>
             <div className="inquiry-detail-txt">
               入力した内容が表示されます.
diff --git a/src/components/inquiry/ListTable.tsx b/src/components/inquiry/ListTable.tsx
index 4735ef1..95911a6 100644
--- a/src/components/inquiry/ListTable.tsx
+++ b/src/components/inquiry/ListTable.tsx
@@ -27,7 +27,11 @@ export default function ListTable() {
           <ul className="inquiry-list">
             <li className="inquiry-item">
               <div className="inquiry-item-bx">
-                <div className="inquiry-item-category">屋根</div>
+                <div className="inquiry-item-category">
+                  <span>屋根</span>
+                  <span>適合性</span>
+                  <span>屋根材</span>
+                </div>
                 <div className="inquiry-item-tit">屋根材適合性確認依頼</div>
                 <div className="inquiry-item-date">2025.04.02</div>
                 <div className="inquiry-badge badge blue">回答待ち</div>
@@ -35,7 +39,11 @@ export default function ListTable() {
             </li>
             <li className="inquiry-item">
               <div className="inquiry-item-bx">
-                <div className="inquiry-item-category">設計</div>
+                <div className="inquiry-item-category">
+                  <span>屋根</span>
+                  <span>適合性</span>
+                  <span>屋根材</span>
+                </div>
                 <div className="inquiry-item-tit">設置可能ですか？</div>
                 <div className="inquiry-item-date">2025.04.02</div>
                 <div className="inquiry-badge badge orange">回答完了</div>
@@ -43,7 +51,11 @@ export default function ListTable() {
             </li>
             <li className="inquiry-item">
               <div className="inquiry-item-bx">
-                <div className="inquiry-item-category">屋根</div>
+                <div className="inquiry-item-category">
+                  <span>屋根</span>
+                  <span>適合性</span>
+                  <span>屋根材</span>
+                </div>
                 <div className="inquiry-item-tit">屋根材適合性確認依頼屋根材適合性確認依頼屋根材適合性確認依頼屋根材適合性確認依頼</div>
                 <div className="inquiry-item-date">2025.04.02</div>
                 <div className="inquiry-badge badge blue">回答待ち</div>
@@ -51,12 +63,21 @@ export default function ListTable() {
             </li>
             <li className="inquiry-item">
               <div className="inquiry-item-bx">
-                <div className="inquiry-item-category">設計</div>
+                <div className="inquiry-item-category">
+                  <span>屋根</span>
+                  <span>適合性</span>
+                  <span>屋根材</span>
+                </div>
                 <div className="inquiry-item-tit">設置可能ですか？</div>
                 <div className="inquiry-item-date">2025.04.02</div>
                 <div className="inquiry-badge badge orange">回答完了</div>
               </div>
             </li>
+            <li className="inquiry-item">
+              <div className="inquiry-item-bx nodata">
+                <div className="inquiry-item-nodata">조회된 데이터가 없습니다</div>
+              </div>
+            </li>
           </ul>
           <div className="sale-edit-btn">
             <button className="btn-frame n-blue icon">
diff --git a/src/components/inquiry/RegistForm.tsx b/src/components/inquiry/RegistForm.tsx
index ea27aa8..fc55a63 100644
--- a/src/components/inquiry/RegistForm.tsx
+++ b/src/components/inquiry/RegistForm.tsx
@@ -17,19 +17,45 @@ export default function RegistForm() {
                 <option value="">屋根適合</option>
               </select>
             </div>
+            <div className="data-input mt5">
+              <select className="select-form" name="" id="">
+                <option value="">屋根適合</option>
+                <option value="">屋根適合</option>
+                <option value="">屋根適合</option>
+                <option value="">屋根適合</option>
+                <option value="">屋根適合</option>
+              </select>
+            </div>
+            <div className="data-input mt5">
+              <select className="select-form" name="" id="">
+                <option value="">屋根適合</option>
+                <option value="">屋根適合</option>
+                <option value="">屋根適合</option>
+                <option value="">屋根適合</option>
+                <option value="">屋根適合</option>
+              </select>
+            </div>
+          </div>
+          <div className="data-input-form-bx">
+            <div className="data-input-form-tit">
+              名前 <i className="import">*</i>
+            </div>
+            <div className="data-input">
+              <input className="input-frame" type="text" placeholder="名前を書いてください" />
+            </div>
+          </div>
+          <div className="data-input-form-bx">
+            <div className="data-input-form-tit">電話番号</div>
+            <div className="data-input">
+              <input className="input-frame" type="text" placeholder="電話番号を書き留めてください" />
+            </div>
           </div>
           <div className="data-input-form-bx">
             <div className="data-input-form-tit">
               お問い合わせタイトル <i className="import">*</i>
             </div>
             <div className="data-input">
-              <select className="select-form" name="" id="">
-                <option value="">モジュールの取り付けを確認するかどうか</option>
-                <option value="">モジュールの取り付けを確認するかどうか</option>
-                <option value="">モジュールの取り付けを確認するかどうか</option>
-                <option value="">モジュールの取り付けを確認するかどうか</option>
-                <option value="">モジュールの取り付けを確認するかどうか</option>
-              </select>
+              <input className="input-frame" type="text" placeholder="お問い合わせタイトルを記入してください" />
             </div>
           </div>
           <div className="data-input-form-bx">