53 lines
1.7 KiB
JavaScript
53 lines
1.7 KiB
JavaScript
import { useState } from 'react'
|
|
import '../css/global.css'
|
|
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={{
|
|
display: 'flex',
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
height: '100vh',
|
|
flexDirection: 'column',
|
|
}}
|
|
onClick={()=>{navigate('/name', { replace: true })}}
|
|
>
|
|
<label className='title'>{text.tw}</label>
|
|
|
|
<div style={{
|
|
height: '8vh'
|
|
}}/>
|
|
|
|
<label className="body">
|
|
{text.tw_text.split('\n').map((line, index) => (
|
|
<span key={index}>
|
|
{line}
|
|
<br />
|
|
</span>
|
|
))}
|
|
</label>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default WarningPage
|