From d63cc4709a0aa15309805bab378ecb739facbb20 Mon Sep 17 00:00:00 2001
From: Daseul Kim <seul@interplug.co.kr>
Date: Fri, 27 Jun 2025 11:28:02 +0900
Subject: [PATCH 1/2] =?UTF-8?q?refactor:=20=EC=A1=B0=EC=82=AC=EB=A7=A4?=
 =?UTF-8?q?=EB=AC=BC=20=EB=A9=94=EB=AA=A8=20placeholder=20=EC=A0=9C?=
 =?UTF-8?q?=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/survey-sale/detail/RoofForm.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/survey-sale/detail/RoofForm.tsx b/src/components/survey-sale/detail/RoofForm.tsx
index ecffd61..693a22f 100644
--- a/src/components/survey-sale/detail/RoofForm.tsx
+++ b/src/components/survey-sale/detail/RoofForm.tsx
@@ -492,7 +492,6 @@ export default function RoofForm(props: {
                   className="textarea-form"
                   name="memo"
                   id="memo"
-                  placeholder="TextArea Filed"
                   value={roofInfo?.memo ?? ''}
                   disabled={mode === 'READ'}
                   onChange={(e) => setRoofInfo({ ...roofInfo, memo: e.target.value })}

From eed3cd59e3832729c5a5ab134db6eade57f5d4f9 Mon Sep 17 00:00:00 2001
From: Daseul Kim <seul@interplug.co.kr>
Date: Fri, 27 Jun 2025 12:57:25 +0900
Subject: [PATCH 2/2] =?UTF-8?q?refactor:=20mail=20content=20=EB=B2=88?=
 =?UTF-8?q?=EC=97=AD=20=EC=8B=9C=EC=97=90=EB=8F=84=20=EC=9B=90=EB=B3=B8=20?=
 =?UTF-8?q?=EB=8D=B0=EC=9D=B4=ED=84=B0=20=EC=A0=84=EB=8B=AC=EB=90=98?=
 =?UTF-8?q?=EB=8F=84=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../popup/SurveySaleSubmitPopup.tsx           | 66 ++++++++++---------
 1 file changed, 34 insertions(+), 32 deletions(-)

diff --git a/src/components/popup/SurveySaleSubmitPopup.tsx b/src/components/popup/SurveySaleSubmitPopup.tsx
index 17cd5e0..e0bbd39 100644
--- a/src/components/popup/SurveySaleSubmitPopup.tsx
+++ b/src/components/popup/SurveySaleSubmitPopup.tsx
@@ -139,7 +139,7 @@ export default function SurveySaleSubmitPopup() {
           to: submitData.receiver,
           cc: submitData.reference ?? '',
           subject: submitData.title,
-          content: contentsRef.current?.innerHTML ?? '',
+          content: generateEmailContent(),
         })
           .then(() => {
             if (!isSubmittingSurvey) {
@@ -160,7 +160,38 @@ export default function SurveySaleSubmitPopup() {
     }
   }
 
-  const contentsRef = useRef<HTMLDivElement>(null)
+  const generateEmailContent = () => `
+  <div>
+    <p style="font-size: 13px; font-weight: 400; color: #2e3a59; margin-bottom: 15px;">
+      HANASYS現地調査アプリを使用した現地調査結果が送信されました。
+    </p>
+    <p style="font-size: 13px; font-weight: 400; color: #2e3a59; margin-bottom: 3px;">
+      -担当者名： <span style="color: #417DDC;">${surveyDetail?.representative}</span>
+    </p>
+    <p style="font-size: 13px; font-weight: 400; color: #2e3a59; margin-bottom: 3px;">
+      -販売店名：
+      <span style="color: #417DDC;">
+        ${surveyDetail?.store} (${surveyDetail?.storeId})
+      </span>
+    </p>
+    <p style="font-size: 13px; font-weight: 400; color: #2e3a59; margin-bottom: 15px;">
+      -施工店名:
+      <span style="color: #417DDC;">${surveyDetail?.constructionPoint}</span>
+    </p>
+    <p>
+      <a
+        style="font-size: 13px; font-weight: 400; color: #1259CB; margin-bottom: 5px; text-decoration: underline;"
+        href="${process.env.NEXT_PUBLIC_API_URL}/pdf/survey-sale/${surveyDetail?.id}"
+        target="_blank"
+      >
+        現地調査結果PDFダウンロード
+      </a>
+    </p>
+    <p style="font-size: 13px; font-weight: 400; color: #2e3a59;">
+      ※リンクをクリックしてローカル調査結果PDFをダウンロードできます。
+    </p>
+  </div>
+  `
 
   const handleClose = () => {
     popupController.setSurveySaleSubmitPopup(false)
@@ -185,36 +216,7 @@ export default function SurveySaleSubmitPopup() {
         <div className="data-input">
           {field.id === 'contents' ? (
             <div className="submit-content" id={field.id}>
-              <div ref={contentsRef}>
-                <p style={{ fontSize: '13px', fontWeight: '400', color: '#2e3a59', marginBottom: '15px' }}>
-                  HANASYS現地調査アプリを使用した現地調査結果が送信されました。
-                </p>
-                <p style={{ fontSize: '13px', fontWeight: '400', color: '#2e3a59', marginBottom: '3px' }}>
-                  -担当者名： <span style={{ color: '#417DDC' }}>{surveyDetail?.representative}</span>
-                </p>
-                <p style={{ fontSize: '13px', fontWeight: '400', color: '#2e3a59', marginBottom: '3px' }}>
-                  -販売店名：
-                  <span style={{ color: '#417DDC' }}>
-                    {surveyDetail?.store} ({surveyDetail?.storeId})
-                  </span>
-                </p>
-                <p style={{ fontSize: '13px', fontWeight: '400', color: '#2e3a59', marginBottom: '15px' }}>
-                  -施工店名:
-                  <span style={{ color: '#417DDC' }}>{surveyDetail?.constructionPoint}</span>
-                </p>
-                <p>
-                  <a
-                    style={{ fontSize: '13px', fontWeight: '400', color: '#1259CB', marginBottom: '5px', textDecoration: 'underline' }}
-                    href={`${process.env.NEXT_PUBLIC_API_URL}/pdf/survey-sale/${surveyDetail?.id}`}
-                    target="_blank"
-                  >
-                    現地調査結果PDFダウンロード
-                  </a>
-                </p>
-                <p style={{ fontSize: '13px', fontWeight: '400', color: '#2e3a59' }}>
-                  ※リンクをクリックしてローカル調査結果PDFをダウンロードできます。
-                </p>
-              </div>
+              <div dangerouslySetInnerHTML={{ __html: generateEmailContent() }} />
             </div>
           ) : (
             <>