74 lines
3.4 KiB
TypeScript
74 lines
3.4 KiB
TypeScript
import { Box, Typography, Button, Divider } from '@mui/material'
|
|
import { useAuth } from '../contexts/AuthContext'
|
|
import { Link } from 'react-router-dom'
|
|
|
|
export default function Home() {
|
|
const { isLoggedIn } = useAuth()
|
|
|
|
const updates = [
|
|
{ date: '2025-06-06', version: 'v1.1', content: '피드백 및 수정요청 및 기능개선은 nightbug@naver.com 으로 부탁드립니다.' },
|
|
{ date: '2025-05-28', version: 'v1.1', content: '캐릭터 및 숙제 목록에서 순서변경기능 추가' },
|
|
{ date: '2025-05-28', version: 'v1.1', content: '홈화면에 업데이트 내역 노출' },
|
|
{ date: '2025-06-05', version: 'v1.1', content: '사용법 작성' },
|
|
]
|
|
|
|
return (
|
|
<Box sx={{ p: 4 }}>
|
|
{!isLoggedIn ? (
|
|
<>
|
|
<Box sx={{ textAlign: 'center', mb: 6 }}>
|
|
<Typography variant="h4" gutterBottom>
|
|
숙제노기에 오신 걸 환영합니다 📝
|
|
</Typography>
|
|
<Typography variant="body1" gutterBottom>
|
|
이곳은 당신의 마비노기 숙제를 손쉽게 관리하는 웹 앱입니다.
|
|
</Typography>
|
|
<Button variant="contained" component={Link} to="/login">
|
|
로그인 하러 가기
|
|
</Button>
|
|
</Box>
|
|
|
|
<Box sx={{ mt: 4 }}>
|
|
<Typography variant="h5" gutterBottom>📌 업데이트 내역</Typography>
|
|
{updates.map((u, idx) => (
|
|
<Box key={idx} sx={{ mb: 1 }}>
|
|
<Typography variant="body2" color="text.secondary">
|
|
{u.date} | {u.version}
|
|
</Typography>
|
|
<Typography variant="body1">- {u.content}</Typography>
|
|
</Box>
|
|
))}
|
|
<Divider sx={{ mt: 2 }} />
|
|
</Box>
|
|
</>
|
|
) : (
|
|
<>
|
|
<Typography variant="h5" gutterBottom>📌 업데이트 내역</Typography>
|
|
<Box sx={{ mb: 4 }}>
|
|
{updates.map((u, idx) => (
|
|
<Box key={idx} sx={{ mb: 1 }}>
|
|
<Typography variant="body2" color="text.secondary">
|
|
{u.date} | {u.version}
|
|
</Typography>
|
|
<Typography variant="body1">- {u.content}</Typography>
|
|
</Box>
|
|
))}
|
|
<Divider sx={{ mt: 2 }} />
|
|
</Box>
|
|
|
|
<Typography variant="h5" gutterBottom sx={{ mt: 6, textAlign: 'center' }}>
|
|
라사서버 길드 '노인정'과 함께합니다. 누구마음대로?
|
|
</Typography>
|
|
<Box sx={{ mt: 4, textAlign: 'center' }}>
|
|
<img
|
|
src="/guild.png"
|
|
alt="노인정길드"
|
|
style={{ maxWidth: '100%', height: 'auto', borderRadius: '16px' }}
|
|
/>
|
|
</Box>
|
|
</>
|
|
)}
|
|
</Box>
|
|
)
|
|
}
|