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

Merge pull request #26 from TeamBNBN/fe/studentHomeMainPage

Browse Source 
[Front-end] feat: 학생메인홈페이지 추가
This commit is contained in:
Jo Hyeonsoo 2024-07-17 13:16:00 +09:00 committed by GitHub
commit ef7e7e1f2a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 44 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 { MaxWidthLayout } from '../../components/Layout';
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 (
<MaxWidthLayout>
<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>
</MaxWidthLayout>
);
}