make landing for schedule page

elskow · Dec 7, 2023 · 70fb209 · 70fb209
1 parent f245845
commit 70fb209
Showing 1 changed file with 59 additions and 0 deletions.
diff --git a/src/pages/schedule/index.tsx b/src/pages/schedule/index.tsx
@@ -1,12 +1,71 @@
 import Home from '@/ui/MainLayout'
 
+const dummyDataSchedule = [
+	{
+		id: 1,
+		matakuliah: 'Pemrograman Berbasis Platform',
+		dosen: 'Faris Darari',
+		waktu: '09.00 - 11.00',
+	},
+	{
+		id: 2,
+		matakuliah: 'DDP 2',
+		dosen: 'Kukuh Nugroho',
+		waktu: '13.00 - 15.00',
+	},
+	{
+		id: 3,
+		matakuliah: 'Pemrosesan Citra Digital',
+		dosen: 'Arief Kurniawan',
+		waktu: '15.00 - 17.00',
+	},
+]
+
 export default function Page() {
 	return (
 		<Home>
 			<div>
 				<h1 className='text-2xl font-semibold px-10'>
 					Jadwal Penggunaan Kelas
 				</h1>
+				{/*Md screen */}
+				<div className='md:grid hidden grid-cols-3 space-x-4 m-10'>
+					{dummyDataSchedule.map((schedule) => (
+						<div
+							key={schedule.id}
+							className='p-4 bg-white rounded-lg shadow space-y-2'
+						>
+							<h5 className='font-bold text-gray-900'>
+								{schedule.matakuliah}
+							</h5>
+							<p className='text-sm text-gray-600'>
+								{schedule.dosen}
+							</p>
+							<p className='text-sm text-gray-600'>
+								{schedule.waktu}
+							</p>
+						</div>
+					))}
+				</div>
+				{/* !md screen */}
+				<div className='md:hidden space-y-4 m-10'>
+					{dummyDataSchedule.map((schedule) => (
+						<div
+							key={schedule.id}
+							className='p-4 bg-white rounded-lg shadow space-y-2'
+						>
+							<h5 className='font-bold text-gray-900'>
+								{schedule.matakuliah}
+							</h5>
+							<p className='text-sm text-gray-600'>
+								{schedule.dosen}
+							</p>
+							<p className='text-sm text-gray-600'>
+								{schedule.waktu}
+							</p>
+						</div>
+					))}
+				</div>
 			</div>
 		</Home>
 	)