feat: 開會後修改調整

app/components/footer.tsx

@@ -1,4 +1,4 @@
-// import logo from "~/images/logo.png";
+import { useTranslation } from "react-i18next";
 import Links from "./links";
 
 type FooterProps = {
@@ -7,21 +7,17 @@ type FooterProps = {
 };
 
 export default function Footer({ lang, openLang }: FooterProps) {
+  let { t } = useTranslation("common");
   return (
     <div className="mt-10 bg-slate-100">
       <footer className="container mx-auto py-5 text-center text-[#9b8e8e]">
-        {/* <img
-          src={logo}
-          className="mx-auto block h-[auto] w-[120px] lg:mr-5 lg:inline-block"
-          alt="Home"
-        /> */}
         <ul className="my-5 inline-block [&>*]:mx-2 [&>*]:my-2 sm:[&>*]:block md:[&>*]:inline-block">
           <Links {...{ lang }} openLang={openLang} />
         </ul>
         <div className="flex-1 px-4">
-          本網站是由台大醫院雲林分院所贊助，網站作者群無財務衝突關係
+          {t("footer.declaration")}
           <br />
-          2023/08/01 © 版權所有、翻印必究。
+          {t("footer.copyright")}
         </div>
       </footer>
     </div>

app/components/modal.tsx

@@ -1,3 +1,4 @@
+import { useTranslation } from "react-i18next";
 import { Link } from "@remix-run/react";
 import { useEffect } from "react";
 import { setToday } from "~/utils";
@@ -9,6 +10,7 @@ type ModalProps = {
 };
 
 export default function Modal({ onClose, personLink, proLink }: ModalProps) {
+  const { t } = useTranslation("common");
   useEffect(() => {
     document.body.classList.add("overflow-hidden");
     setToday();
@@ -55,12 +57,10 @@ export default function Modal({ onClose, personLink, proLink }: ModalProps) {
                     className="text-base font-semibold leading-6 text-gray-900"
                     id="modal-title"
                   >
-                    只要幾秒，表達您對醫療環境的看法！
+                    {t("shareYourComments")}
                   </h3>
                   <div className="mt-2">
-                    <p className="text-sm text-gray-500">
-                      完成這個簡單的調查並與我們分享您對整個醫療環境的評論！
-                    </p>
+                    <p className="text-sm text-gray-500">{t("thankText")}</p>
                   </div>
                 </div>
               </div>
@@ -70,13 +70,13 @@ export default function Modal({ onClose, personLink, proLink }: ModalProps) {
                 to={personLink}
                 className="rounded-full bg-[#9b8e8e] px-4 py-2 font-bold text-white hover:bg-[#7a6f6f]"
               >
-                個人表單
+                {t("personalForm")}
               </Link>
               <Link
                 to={proLink}
                 className="rounded-full bg-[#9b8e8e] px-4 py-2 font-bold text-white hover:bg-[#7a6f6f]"
               >
-                醫療人員表單
+                {t("proForm")}
               </Link>
             </div>
           </div>

app/root.tsx

@@ -194,20 +194,18 @@ export default function App() {
         <Outlet />
         <div className="mt-10 text-center text-[#9b8e8e]">
           <img src={icon5} className="mx-auto w-20" alt="icon" />
-          <h2 className="text-2xl lg:text-4xl">我們需要您寶貴的意見</h2>
+          <h2 className="text-2xl lg:text-4xl">{t("yourOpinion")}</h2>
           <div className="my-4 px-4">
-            只要幾秒，表達您對醫療環境的看法！
+            {t("shareYourComments")}
             <br />
-            完成這個簡單的調查並與我們分享
-            <span className="block md:inline" />
-            您對整個醫療環境的評論！
+            {t("thankText")}
           </div>
           <div className="flex justify-center gap-4">
             <Link to={t("formLink.personal")} className="link-btn">
-              個人表單
+              {t("personalForm")}
             </Link>
             <Link to={t("formLink.pro")} className="link-btn">
-              醫療人員表單
+              {t("proForm")}
             </Link>
           </div>
         </div>

app/routes/($lang).assessment.tsx

@@ -4,6 +4,8 @@ import stylesheet from "~/styles/assessment.css";
 
 import logo from "~/images/logo.png";
 import usCDC from "~/images/us-cdc.png";
+import sr from "~/images/sr.png";
+import iota from "~/images/iota.png";
 import { getTitle } from "~/utils";
 
 export const links: LinksFunction = () => [
@@ -55,13 +57,17 @@ export default function () {
         >
           {t("click2Eng")}
         </a>
-
         <div className="title">{t("recommended")}</div>
         <ul className="text-left [&>*+*]:mt-4">
           <li>{t("WCBPs")}</li>
           <li>{t("Premenopause")}</li>
           <li>{t("Postmenopause")}</li>
         </ul>
+        <div className="mt-10 text-left">
+          <img src={iota} alt="IOTA" className="mx-auto mb-4" />
+          {t("IOTA")}
+        </div>
+        <img src={sr} alt="SR" />
       </div>
     </div>
   );

app/routes/($lang).plan.tsx

@@ -377,8 +377,8 @@ export default function () {
                   <td>-</td>
                   <td>{t("table.leuprolide")}</td>
                   <td>{t("table.gestrinone")}</td>
-                  <td>{t("table.adenomyomectomyNerveBlockEtc")}</td>
-                  <td>{t("table.hysterectomy")}</td>
+                  <td>{t("table.cystectomy")}</td>
+                  <td>{t("table.cophorectomyAndSalpingectomy")}</td>
                 </tr>
                 <tr>
                   <td>-</td>
@@ -459,19 +459,13 @@ export default function () {
         <div className="desc my-6 text-xl">{t("pregnant.text")}</div>
         <ul className="text-xl [&>*+*]:mt-4 [&>*]:list-disc">
           <li>
-            <span className="border-b-2 border-solid border-green-400">
-              {t("pregnant.items.0")}
-            </span>
+            <span>{t("pregnant.items.0")}</span>
           </li>
           <li>
-            <span className="border-b-2 border-solid border-yellow-400">
-              {t("pregnant.items.1")}
-            </span>
+            <span>{t("pregnant.items.1")}</span>
           </li>
           <li>
-            <span className="border-b-2 border-solid border-red-400">
-              {t("pregnant.items.2")}
-            </span>
+            <span>{t("pregnant.items.2")}</span>
           </li>
         </ul>
         <div className="title">{t("pregnant.b2w")}</div>

app/styles/plan.css

@@ -13,7 +13,7 @@
 
 .section .title-block {
   background-image: url(~/images/bg-flower.png);
-  @apply mx-auto mb-10 mt-20 max-w-[max-content] bg-cover bg-center p-10 text-center text-2xl font-bold;
+  @apply mx-auto mb-10 mt-20 bg-cover bg-center p-10 text-center text-2xl font-bold;
 }
 
 .section .title-block:before,

public/locales/en/assessment.json

@@ -6,5 +6,6 @@
   "recommended": "Recommended Monitoring Items during Interventions",
   "WCBPs": "For WCBPs: Pregnancy Plans, Ultrasound exams, CA-125, liver function tests (if clinically indicated)",
   "Premenopause": "For Females at Premenopause: Ultrasound exams, CA-125, FSH, Estradiol, AMH (if clinically indicated/out-of-pocket expense), TSH, Free T4",
-  "Postmenopause": "For Females at Postmenopause: Ultrasound exams, breast cancer screening every 2 years (females aged 40 and above and with second-degree relatives of breast cancer history, or females aged 45 and above), bone density scan (Out-of-Pocket Expense)."
+  "Postmenopause": "For Females at Postmenopause: Ultrasound exams, breast cancer screening every 2 years (females aged 40 and above and with second-degree relatives of breast cancer history, or females aged 45 and above), bone density scan (Out-of-Pocket Expense).",
+  "IOTA": "The international ovarian tumour analysis (IOTA) calculator is currently undergoing the European Medical Device Regulation certification process. Before they can be legally made available to healthcare professionals, please refer to the following figure for 10 features from the Simple Rules. For Sonography Evaluation of Ovarian Tumors, please refer to “International Ovarian Tumor Analysis – Simple Rules Risk Calculator, Sonography Images”"
 }

public/locales/en/common.json

@@ -17,5 +17,14 @@
   "formLink": {
     "personal": "https://forms.gle/EFgMG7yUFgsAb56Q9",
     "pro": "https://forms.gle/5iPZBqCbedE9wQFf7"
-  }
+  },
+  "footer": {
+    "declaration": "This website is sponsored by National Taiwan University Hospital Yunlin Branch. The authors of the website have no financial conflicts of interest.",
+    "copyright": "2023/08/01 © All rights reserved; unauthorized reproduction will be prosecuted."
+  },
+  "yourOpinion": "Your opinion is valuable. ",
+  "shareYourComments": "Share your comments on medical settings, which only takes a few seconds! ",
+  "thankText": "Thank you for visiting our website and offering valuable feedback, which definitely can help improve our clients’ doctor-visiting experience and overall comfort level. ",
+  "personalForm": "Patient",
+  "proForm": "Medical Professional"
 }

public/locales/en/plan.json

@@ -85,7 +85,9 @@
     "6-9MonthsAndLonger": "6-9 months and longer",
     "transamine": "Transamine",
     "adenomyomectomy": "Adenomyomectomy",
-    "coveredByHealthInsuranceIfHbLess10": "Covered by Health Insurance if Hb<10"
+    "coveredByHealthInsuranceIfHbLess10": "Covered by Health Insurance if Hb<10",
+    "cystectomy": "Cystectomy",
+    "cophorectomyAndSalpingectomy": "Oophorectomy and Salpingectomy"
   },
   "pregnant": {
     "title": "For Those Who Plan to Become Pregnant in the Next 3–6 Months",

public/locales/id-ID/assessment.json

@@ -6,5 +6,6 @@
   "recommended": "Item yang direkomendasikan untuk dipantau selama pengobatan",
   "WCBPs": "Wanita usia subur: rencana hamil, ultrasonik, CA-125, fungsi hati (sesuai pertimbangan klinis)",
   "Premenopause": "pra-menopause: ultrasonik, CA-125, FSH, Estradiol, AMH (sesuai pertimbangan klinis/biaya ditanggung sendiri) TSH, Free T4",
-  "Postmenopause": "menopause: ultrasonik, skrining kanker payudara setiap 2 tahun (berusia genap 40 tahun dengan riwayat kanker payudara hingga kerabat tingkat kedua, atau berusia genap 45 tahun), pemeriksaan kepadatan tulang (biaya ditanggung sendiri)"
+  "Postmenopause": "menopause: ultrasonik, skrining kanker payudara setiap 2 tahun (berusia genap 40 tahun dengan riwayat kanker payudara hingga kerabat tingkat kedua, atau berusia genap 45 tahun), pemeriksaan kepadatan tulang (biaya ditanggung sendiri)",
+  "IOTA": "Kalkulator analisis tumor ovarium internasional (IOTA) saat ini sedang menjalani proses sertifikasi Regulasi Alat Medis Eropa. Sebelum mereka dapat secara sah disediakan untuk profesional kesehatan, silakan merujuk pada gambar berikut untuk 10 fitur dari Aturan Sederhana. Untuk penilaian tumor ovarium melalui ultrasonik, silakan merujuk: Analisa Kista Ovarium Internasional (Kalkulator Risiko Aturan Simpel, gambar ultrasonik)"
 }

public/locales/id-ID/common.json

@@ -17,5 +17,14 @@
   "formLink": {
     "personal": "https://forms.gle/PAK56TwnpGGnB3PY9",
     "pro": "https://forms.gle/jJHxwoJjQhJxVQCt5"
-  }
+  },
+  "footer": {
+    "declaration": "Situs web ini disponsori oleh Rumah Sakit Universitas Nasional Taiwan cabang Yunlin. Kelompok penulis situs web ini tidak memiliki konflik keuangan.",
+    "copyright": "2023/08/01 © Hak cipta dilindungi, pelanggaran akan dituntut."
+  },
+  "yourOpinion": "Pendapat Anda berharga. ",
+  "shareYourComments": "Hanya perlu beberapa detik untuk mengungkapkan pendapat Anda terhadap lingkungan medis!",
+  "thankText": "Kami mengucapkan terima kasih kepada Anda semua yang telah menggunakan situs web ini dan memberi umpan balik. Komentar Anda akan mempercepat situs web ini melakukan perubahan untuk meningkatkan pengalaman pasien yang Anda jaga, dan kenyamanan Anda saat konsultasi ke dokter.  ",
+  "personalForm": "Sabar",
+  "proForm": "Profesional medis"
 }

public/locales/id-ID/plan.json

@@ -84,7 +84,9 @@
     "6-9MonthsAndLonger": "6-9 bulan ke atas",
     "transamine": "Transamine",
     "adenomyomectomy": "Myadenomektomi",
-    "coveredByHealthInsuranceIfHbLess10": "Hemoglobin <10 boleh pakai Asuransi Kesehatan"
+    "coveredByHealthInsuranceIfHbLess10": "Hemoglobin <10 boleh pakai Asuransi Kesehatan",
+    "cystectomy": "Pengangkatan kista ovarium",
+    "cophorectomyAndSalpingectomy": "Ovariektomi (pengangkatan ovarium), dan salpingektomi (pengangkatan tuba falopi)"
   },
   "pregnant": {
     "title": "Berencana hamil dalam waktu 3-6 bulan",

public/locales/ja-JP/assessment.json

@@ -6,5 +6,6 @@
   "recommended": "治療期間中におすすめの経過観察項目",
   "WCBPs": "出産適齢期：妊娠計画、エコー、CA-125、肝機能（臨床判断による）",
   "Premenopause": "更年期前期：エコー、CA-125、FSH、Estradiol、AMH（臨床判断による／自費）、TSH、Free T4",
-  "Postmenopause": "更年期：エコー、2年に1回の乳がんスクリーニング検査（満40歳および二親等以内の乳がん病歴、満45歳）、骨密度検査（自費）"
+  "Postmenopause": "更年期：エコー、2年に1回の乳がんスクリーニング検査（満40歳および二親等以内の乳がん病歴、満45歳）、骨密度検査（自費）",
+  "IOTA": "国際卵巣腫瘍分析（IOTA）ソフトウェアは現在、欧州医療機器規制の認証プロセスを経ています。それらが法的に医療専門家に提供される前に、以下の図を参照して、シンプルルールからの10の特徴についてご確認ください。エコー卵巣腫瘍評価に関する参考資料： 国際卵巣囊腫分析 (Simple Rules Risk Calculator, エコー画像)"
 }

public/locales/ja-JP/common.json

@@ -17,5 +17,14 @@
   "formLink": {
     "personal": "https://forms.gle/RSgPLj9vG9iWRdCh8",
     "pro": "https://forms.gle/gyaJjNBiNTbBkk299"
-  }
+  },
+  "footer": {
+    "declaration": "このウェブサイトは、国立台湾大学病院雲林分院によってスポンサードされています。ウェブサイトの著者グループは、金銭的な利益相反関係はありません。",
+    "copyright": "2023/08/01 © すべての権利が保持されており、無許可の複製は訴訟の対象となります。"
+  },
+  "yourOpinion": "あなたのご意見は私たちにとって貴重です。",
+  "shareYourComments": "医療環境に対するあなたのご意見をお知らせください。",
+  "thankText": "このサイトに対するご意見をぜひお寄せください。いただいたご意見は本サイトの改善に役立ち、最終的には診察の質の向上にもつながります。",
+  "personalForm": "患者さん",
+  "proForm": "医療従事者"
 }

public/locales/ja-JP/plan.json

@@ -85,7 +85,9 @@
     "6-9MonthsAndLonger": "6-9か月以上",
     "transamine": "Transamine",
     "adenomyomectomy": "腺筋腫切除",
-    "coveredByHealthInsuranceIfHbLess10": "ヘモグロビン<10健康保険適用可"
+    "coveredByHealthInsuranceIfHbLess10": "ヘモグロビン<10健康保険適用可",
+    "cystectomy": "卵巣囊腫切除",
+    "cophorectomyAndSalpingectomy": "卵巣・卵管切除"
   },
   "pregnant": {
     "title": "3-6か月以内の計画妊娠",

public/locales/vi-VN/assessment.json

@@ -6,5 +6,6 @@
   "recommended": "Hạng mục kiến nghị kiểm sát trong quá trình điều trị",
   "WCBPs": "Phụ nữ độ tuổi sinh sản: kế hoạch mang thai, siêu âm, CA-125, chức năng gan (cân nhắc theo lâm sàng)",
   "Premenopause": "Độ tuổi tiền mãn kinh:  siêu âm, CA-125, FSH, Estradiol, AMH (cân nhắc theo lâm sàng/ tự đóng phí), TSH, Free T4",
-  "Postmenopause": "Độ tuổi mãn kinh: siêu âm, sàng lọc ung thư vú mỗi 2 năm 1 lần (từ 40 tuổi trở lên và tiền căn gia đình có thân nhân bậc 2 bị ung thư vú, từ 45 tuổi trở lên), kiểm tra mật độ xương (tự đóng phí)"
+  "Postmenopause": "Độ tuổi mãn kinh: siêu âm, sàng lọc ung thư vú mỗi 2 năm 1 lần (từ 40 tuổi trở lên và tiền căn gia đình có thân nhân bậc 2 bị ung thư vú, từ 45 tuổi trở lên), kiểm tra mật độ xương (tự đóng phí)",
+  "IOTA": "Máy tính phân tích u buồng trứng quốc tế (IOTA) hiện đang trải qua quá trình chứng nhận theo Quy chế Thiết bị Y tế của Liên minh châu Âu. Trước khi chúng có thể được cung cấp hợp pháp cho các chuyên gia y tế, vui lòng tham khảo hình vẽ sau đây để biết 10 đặc điểm từ các Quy tắc Đơn giản. Đánh giá siêu âm khối u buồng trứng xin tham khảo: Phân tích u nang buồng trứng quốc tế (Simple Rules Risk Calculator, Hình ảnh siêu âm)"
 }

public/locales/vi-VN/common.json

@@ -17,5 +17,14 @@
   "formLink": {
     "personal": "https://forms.gle/45qqnPtwQ8RH8Srf7",
     "pro": "https://forms.gle/LwuNm4oNynY8wquCA"
-  }
+  },
+  "footer": {
+    "declaration": "Trang web này được tài trợ bởi Bệnh viện Đại học Quốc gia Đài Loan, cơ sở Yunlin. Nhóm tác giả của trang web không có mâu thuẫn tài chính.",
+    "copyright": "2023/08/01 © Bản quyền thuộc về chúng tôi, việc sao chép không được phép sẽ bị truy cứu trách nhiệm."
+  },
+  "yourOpinion": "Ý kiến của bạn rất quý báu đối với chúng tôi. ",
+  "shareYourComments": "Chỉ cần vài giây, thể hiện cách nhìn của bạn về hoàn cảnh y tế!",
+  "thankText": "Cảm tạ quý vị đã sử dụng trang web này và đã nán lại phản hồi cho chúng tôi. Ý kiến của bạn sẽ thúc đẩy trang web của chúng tôi thay đổi và độ thoải mái tổng thể của khi khám bệnh.",
+  "personalForm": "Kiên nhẫn",
+  "proForm": "Chuyên gia y tế"
 }

public/locales/vi-VN/plan.json

@@ -85,7 +85,9 @@
     "6-9MonthsAndLonger": "> 6-9 tháng",
     "transamine": "Transamine",
     "adenomyomectomy": "Cắt bỏ u cơ tuyến",
-    "coveredByHealthInsuranceIfHbLess10": "BHYT khi huyết sắc tố <10"
+    "coveredByHealthInsuranceIfHbLess10": "BHYT khi huyết sắc tố <10",
+    "cystectomy": "Cắt bỏ u nang buồng trứng",
+    "cophorectomyAndSalpingectomy": "Cắt bỏ buồng trứng và ống dẫn trứng"
   },
   "pregnant": {
     "title": "Kế hoạch mang thai trong vòng 3-6 tháng",

public/locales/zh-TW/assessment.json

@@ -6,5 +6,6 @@
   "recommended": "治療期間建議監測項目",
   "WCBPs": "育齡女性：懷孕計畫、超音波、CA-125、肝功能（依臨床考量）",
   "Premenopause": "更年前期：超音波、CA-125、FSH、Estradiol、AMH（依臨床考量／自費）、TSH、Free T4",
-  "Postmenopause": "更年期：超音波、每2年一次乳癌篩檢（年滿40歲及二等親乳癌病史、年滿45歲）、骨密度檢查（自費）"
+  "Postmenopause": "更年期：超音波、每2年一次乳癌篩檢（年滿40歲及二等親乳癌病史、年滿45歲）、骨密度檢查（自費）",
+  "IOTA": "超音波卵巢腫瘤評估請參考：國際卵巢腫瘤分析（IOTA）計算軟體目前正在進行歐洲醫療器械法規認證。在能再次提供給醫療專業人士之前，請先參考以下圖示了解簡單規則的10個特點。國際卵巢囊腫分析 (Simple Rules Risk Calculator, 超音波影像)"
 }

public/locales/zh-TW/common.json

@@ -17,5 +17,14 @@
   "formLink": {
     "personal": "https://forms.gle/3GNm36fpQ5S9ssGv9",
     "pro": "https://forms.gle/aK1ve65S56echiRG9"
-  }
+  },
+  "footer": {
+    "declaration": "本網站是由台大醫院雲林分院所贊助，網站作者群無財務衝突關係",
+    "copyright": "2023/08/01 © 版權所有、翻印必究。"
+  },
+  "yourOpinion": "我們需要您寶貴的意見。",
+  "shareYourComments": "只要幾秒，表達您對醫療環境的看法！",
+  "thankText": "感謝您使用本網站並特地駐足給我們回饋。您的意見將促進本網站改變，以促進您照顧的患者的就醫經驗以及您的看診整體舒適度。",
+  "personalForm": "個人表單",
+  "proForm": "醫療人員表單"
 }

public/locales/zh-TW/plan.json

@@ -85,7 +85,9 @@
     "6-9MonthsAndLonger": "6-9個月以上",
     "transamine": "Transamine (斷血炎)",
     "adenomyomectomy": "肌腺瘤切除",
-    "coveredByHealthInsuranceIfHbLess10": "血紅素<10可健保"
+    "coveredByHealthInsuranceIfHbLess10": "血紅素<10可健保",
+    "cystectomy": "囊腫切除",
+    "cophorectomyAndSalpingectomy": "卵巢及輸卵管切除"
   },
   "pregnant": {
     "title": "3-6個月內計劃懷孕",