src/hooks/useSwal.js

@@ -30,7 +30,7 @@ export const useSwal = () => {
     if (type === 'alert') {
       MySwal.fire({
         title,
-        text,
+        ...(html ? { html } : { text }),
         icon: icon === '' ? 'success' : icon,
         confirmButtonText: getMessage('common.ok'),
       }).then(() => {

src/locales/ja.json

@@ -65,7 +65,7 @@
   "modal.roof.shape.setting.patten.a": "Aパターン",
   "modal.roof.shape.setting.patten.b": "Bパターン",
   "modal.roof.shape.setting.side": "個別に設定",
-  "modal.roof.material.low.pitch.warning": "2寸以上2.5寸未満の瓦を使用する場合、適用可能な瓦製品および構造物に制限があります。必ず施工マニュアルをご確認ください。",
+  "modal.roof.material.low.pitch.warning": "2寸以上2.5寸未満の瓦を使用する場合、適用可能な瓦製品および架台に制限があります。\n必ず施工マニュアルをご確認ください。",
   "plan.menu.roof.cover": "伏せ図入力",
   "plan.menu.roof.cover.outline.drawing": "外壁線を描く",
   "plan.menu.roof.cover.roof.shape.setting": "屋根形状の設定",

src/locales/ko.json

@@ -65,7 +65,7 @@
   "modal.roof.shape.setting.patten.a": "A 패턴",
   "modal.roof.shape.setting.patten.b": "B 패턴",
   "modal.roof.shape.setting.side": "변별로 설정",
-  "modal.roof.material.low.pitch.warning": "2寸 이상 2.5寸 미만의 기와를 사용하는 경우, 적용 가능한 기와 제품 및 구조물에 제한이 있습니다. 반드시 시공 매뉴얼을 확인해 주세요.",
+  "modal.roof.material.low.pitch.warning": "2寸 이상 2.5寸 미만의 기와를 사용하는 경우, 적용 가능한 기와 제품 및 구조물 에 제한이 있습니다. \n반드시 시공 매뉴얼을 확인해 주시기 바랍니다.",
   "plan.menu.roof.cover": "지붕덮개",
   "plan.menu.roof.cover.outline.drawing": "외벽선 그리기",
   "plan.menu.roof.cover.roof.shape.setting": "지붕형상 설정",

src/util/roof-pitch-warning.js

@@ -72,7 +72,7 @@ export const notifyLowPitchRestrictionForRoofs = async (roofs, swalFire, getMess
       swalFire({
         type: 'alert',
         icon: 'warning',
-        text: getMessage('modal.roof.material.low.pitch.warning'),
+        html: getMessage('modal.roof.material.low.pitch.warning').replace(/\n/g, '<br>'),
         confirmFn: () => resolve(),
       })
     })