Merge branch 'main' of https://github.com/WebmasterCamp/ywc19-hackath…

…on-g

frontend/components/CourseCard.tsx

@@ -8,13 +8,14 @@ export const CourseCard = ({
     name,
     certificate = false,
     test = false,
+    img,
   },
 }: {
   course?: Course
 }) => {
   return (
     <div className="min-w-[290px] border-[0.5px] border-[#D6D6D6] rounded-xs">
-      <img src="/testimg.png" className="w-[100%] "></img>
+      <img src={img} className="w-[100%] "></img>
       <div className="p-4">
         <div className="text-lg">{name}</div>
         <div className="mt-1 text-xs text-gray-300">{description}</div>

frontend/constant/courses.ts

@@ -16,6 +16,7 @@ export const courses: Course[] = [
     duration: '5 อาทิตย์ (30 ชั่วโมง)',
     certificate: true,
     test: true,
+    img: '/course/course-1.png',
   },
   {
     id: '2',
@@ -26,6 +27,7 @@ export const courses: Course[] = [
     duration: '2 อาทิตย์ (6 ชั่วโมง)',
     certificate: true,
     test: true,
+    img: '/course/course-2.png',
   },
   {
     id: '3',
@@ -36,6 +38,7 @@ export const courses: Course[] = [
     duration: '2 อาทิตย์ (6 ชั่วโมง)',
     certificate: true,
     test: true,
+    img: '/course/course-3.png',
   },
   {
     id: '4',
@@ -45,6 +48,7 @@ export const courses: Course[] = [
     schedule: [],
     duration: '1 วัน (3 ชั่วโมง)',
     certificate: true,
+    img: '/course/course-4.png',
   },
   {
     id: '5',
@@ -55,14 +59,16 @@ export const courses: Course[] = [
     duration: '2 วัน (3 ชั่วโมง)',
     certificate: true,
     test: true,
+    img: '/course/course-5.png',
   },
   {
-    id: '7',
+    id: '6',
     name: 'ติดตั้ง/ซ่อมปั๊มน้ำ',
     description: 'เรียนรู้การติดตั้งและซ่อมปั๊มน้ำขนาดเล็ก',
     schedule: [],
     location: 'กรุงเทพมหานคร',
     duration: '1 วัน (3 ชั่วโมง)',
     certificate: true,
+    img: '/course/course-6.png',
   },
 ]

frontend/constant/enum.ts

@@ -88,6 +88,7 @@ export type Course = {
     dateTime: string
   }[]
   duration: string
+  img: string
   certificate?: boolean
   test?: boolean
 }

frontend/pages/index.tsx

@@ -16,8 +16,14 @@ export default function Main() {
         <div className="text-lg text-center ">
           หางานและคอร์สที่ใช่สำหรับคุณ !
         </div>
-        <img src="/images/banner.svg" className="mt-6"></img>
         <div className="flex items-center gap-2 mt-5">
+          <div className="bg-lightBlue rounded-xs w-[48px] h-[48px] flex items-center justify-center">
+            <img src="/learning.svg" className="w-[32px] h-[32px]"></img>
+          </div>
+          <div className="text-2xl font-medium">คอร์สที่คุณกำลังเรียนอยู่</div>
+        </div>
+        <img src="/images/banner.svg" className="mt-4"></img>
+        <div className="flex items-center gap-2 mt-6">
           <div className="bg-lightBlue rounded-xs w-[48px] h-[48px] flex items-center justify-center">
             <img src="/learning.svg" className="w-[32px] h-[32px]"></img>
           </div>