From c5b44763c98de3c5fc750f22ef3cf92fbc0d4434 Mon Sep 17 00:00:00 2001
From: Kevin Matsubara <kevin.matsubara@proton.me>
Date: Sat, 8 Feb 2025 23:00:27 +0100
Subject: [PATCH] Add courses table file.

---
 src/Pages/Software/coursesTable.js | 39 ++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 src/Pages/Software/coursesTable.js

diff --git a/src/Pages/Software/coursesTable.js b/src/Pages/Software/coursesTable.js
new file mode 100644
index 0000000..ff0aa62
--- /dev/null
+++ b/src/Pages/Software/coursesTable.js
@@ -0,0 +1,39 @@
+import React from 'react';
+
+import educationData from './education.json';
+import { useTheme } from '../../ThemeContext';
+import { getLanguage } from '../../Language/Language';
+import { getString } from '../../Language/LanguageStrings';
+
+const CoursesTable = () => {
+    const { theme } = useTheme();
+
+    return (
+        <table className={'table table-striped table-hover table-' + theme}>
+            <thead>
+                <tr>
+                    <th>{getString('completed')}</th>
+                    <th>{getString('duration')}</th>
+                    <th>{getString('course')}</th>
+                    <th>{getString('skills')}</th>
+                    <th>{getString('instructor')}</th>
+                    <th>{getString('institution')}</th>
+                </tr>
+            </thead>
+            <tbody>
+                {educationData.courses.map((course, index) => (
+                    <tr key={index}>
+                        <td>{course.achieveDate}</td>
+                        <td>{course.duration + ' ' + getString('hour')}</td>
+                        <td>{course.name} {course.sub}</td>
+                        <td>{course.skills}</td>
+                        <td>{course.instructor}</td>
+                        <td>{course.institution}</td>
+                    </tr>
+                ))}
+            </tbody>
+        </table>
+    )
+}
+
+export default CoursesTable;