From 5806426f7ffa69db0b48152a1c3ea5add7e24090 Mon Sep 17 00:00:00 2001
From: fufu-girl-meow <furries@duck.com>
Date: Tue, 24 Jun 2025 18:09:10 +0700
Subject: [PATCH] Trigger Warning based on language

---
 src/pages/homePage.jsx          |  2 +-
 src/pages/languageSelection.jsx |  4 ++--
 src/pages/warningPage.jsx       | 33 +++++++++++++++++++++++++--------
 3 files changed, 28 insertions(+), 11 deletions(-)

diff --git a/src/pages/homePage.jsx b/src/pages/homePage.jsx
index 591fbde..edec2ee 100644
--- a/src/pages/homePage.jsx
+++ b/src/pages/homePage.jsx
@@ -50,7 +50,7 @@ function HomePage() {
 
       <div style={{ height: '8vh' }} />
 
-      <BlackButton text="Start" to='/warn' />
+      <BlackButton text="Start" to='/lang' />
     </div>
   );
 }
diff --git a/src/pages/languageSelection.jsx b/src/pages/languageSelection.jsx
index e42e6ba..236ee28 100644
--- a/src/pages/languageSelection.jsx
+++ b/src/pages/languageSelection.jsx
@@ -28,10 +28,10 @@ function languageSelection() {
             gap: '1rem',
             marginTop: '1rem'
         }}>
-        <BlackButton text="ภาษาไทย" to='/name' onClick={(e) => {
+        <BlackButton text="ภาษาไทย" to='/warn' onClick={(e) => {
             setLang("Thai");
         }}/>
-        <BlackButton text="English" to='/name' onClick={(e) => {
+        <BlackButton text="English" to='/warn' onClick={(e) => {
             setLang("English");
         }}/>
         </div>
diff --git a/src/pages/warningPage.jsx b/src/pages/warningPage.jsx
index 22afe15..6829f5d 100644
--- a/src/pages/warningPage.jsx
+++ b/src/pages/warningPage.jsx
@@ -4,6 +4,23 @@ import { useNavigate } from 'react-router-dom';
 
 function WarningPage() {
   const navigate = useNavigate();
+  
+  const [lang] = useState(() => {
+        return sessionStorage.getItem("lang") || 'English';
+    });
+
+  const text = {
+        tw: lang === 'Thai' ? 'คำเตือนเนื้อหา' : 'Trigger warning',
+        tw_text: lang === 'Thai' ? 'ทดสอบข้อความตัวอย่าง\nเพื่อใช้ในการจัดวางองค์ประกอบของหน้าเว็บไซต์ หรือสิ่งพิมพ์ โดยข้อความนี้ไม่มีความหมาย' 
+        : 
+        'Lorem ipsum dolor sit amet,\nconsectetur adipiscing elit',
+    }
+          // Lorem ipsum dolor sit amet, <br/>
+          // consectetur adipiscing elit, <br/>
+          // sed do eiusmod tempor <br/>
+          // incididunt ut labore et dolore <br/>
+          // magnam aliquam quaerat <br/>
+          // voluptatem.
 
   return(
   	  <div style={{
@@ -15,19 +32,19 @@ function WarningPage() {
       }}
         onClick={()=>{navigate('/name', { replace: true })}}
       >
-        <label className='title'>Trigger warning</label>
+        <label className='title'>{text.tw}</label>
 
         <div style={{
           height: '8vh'
         }}/>
 
-        <label className='body'>
-          Lorem ipsum dolor sit amet, <br/>
-          consectetur adipiscing elit, <br/>
-          sed do eiusmod tempor <br/>
-          incididunt ut labore et dolore <br/>
-          magnam aliquam quaerat <br/>
-          voluptatem.
+        <label className="body">
+          {text.tw_text.split('\n').map((line, index) => (
+            <span key={index}>
+              {line}
+              <br />
+            </span>
+          ))}
         </label>
   	  </div>
   )