feat: LectureLayout 컴포넌트 추가

This commit is contained in:
jhynsoo 2024-07-21 01:09:55 +09:00
parent ccf588437f
commit d53ede5aba

View File

@ -0,0 +1,35 @@
import { Outlet } from 'react-router-dom';
import LectureHeader from '../LectureHeader/LectureHeader';
import { SideBar, SideLink } from '../SideBar';
import MaxWidthLayout from './MaxWidthLayout';
export default function LectureLayout() {
const lecture = {
title: '정보처리기사 실기 완전정복',
tutor: '박정민',
isLive: true,
};
return (
<>
<LectureHeader
title={lecture.title}
tutor={lecture.tutor}
isLive={lecture.isLive}
/>
<MaxWidthLayout hasSideBar>
<aside>
<SideBar title="바로가기">
<SideLink to={'notice'}>공지사항</SideLink>
<SideLink to={'qna'}>Q&A</SideLink>
<SideLink to={'file'}>수업자료</SideLink>
<SideLink to={'quiz'}>퀴즈</SideLink>
</SideBar>
</aside>
<main>
<Outlet />
</main>
</MaxWidthLayout>
</>
);
}