jhynsoo/edufocus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Front-end] feat: 학생메인홈페이지 추가

Browse Source
This commit is contained in:
minwucho 2024-07-17 13:04:17 +09:00
parent 257a18652d
commit 11c75a42d0
2 changed files with 53 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
frontend/src/pages/StudentHomeMainPage/StudentHomeMainPage.jsx Normal file
View File

@ -0,0 +1,44 @@
import { ClassCard } from '../../components/ClassCard';
import { ClassGrid } from '../../components/ClassGrid';
import styles from './StudentHomeMainPage.module.css';
export default function StudentHomeMainPage() {
const onGoingClasses = [
{ lecture_id: 1, title: '한국어' },
{ lecture_id: 2, title: '영어' },
{ lecture_id: 3, title: '일본어' },
];
const allClasses = [
{ lecture_id: 1, title: '한국어' },
{ lecture_id: 2, title: '영어' },
{ lecture_id: 3, title: '일본어' },
{ lecture_id: 4, title: '중국어' },
{ lecture_id: 5, title: '프랑스어' },
{ lecture_id: 6, title: '스페인어' },
];
return (
<div className={styles.lectures}>
<ClassGrid title="수강중인 강의">
{onGoingClasses.map((lecture) => (
<ClassCard
key={lecture.lecture_id}
path={`/class/${lecture.lecture_id}`}
>
{lecture.title}
</ClassCard>
))}
</ClassGrid>
<ClassGrid title="전체 강의">
{allClasses.map((lecture) => (
<ClassCard
key={lecture.lecture_id}
path={`/class/${lecture.lecture_id}`}
>
{lecture.title}
</ClassCard>
))}
</ClassGrid>
</div>
);
}

9
frontend/src/pages/StudentHomeMainPage/StudentHomeMainPage.module.css Normal file
View File

@ -0,0 +1,9 @@
.lectures {
box-sizing: border-box;
margin: 0 auto;
max-width: 1320px;
padding: 0 40px;
gap: 40px;
display: flex;
flex-direction: column;
}