From fc057bca368d8033ade11f39e157f77b0cfd0aa0 Mon Sep 17 00:00:00 2001
From: Aaron Yarborough <aaron@alienjungle.digital>
Date: Sun, 13 Oct 2024 13:44:45 +0100
Subject: [PATCH] chore: fix case

---
 src/components/Cv/Cv.jsx        | 81 +++++++++++++++++++++++++++++++++
 src/components/Cv/Cv.module.css | 25 ++++++++++
 2 files changed, 106 insertions(+)
 create mode 100644 src/components/Cv/Cv.jsx
 create mode 100644 src/components/Cv/Cv.module.css

diff --git a/src/components/Cv/Cv.jsx b/src/components/Cv/Cv.jsx
new file mode 100644
index 0000000..de279fa
--- /dev/null
+++ b/src/components/Cv/Cv.jsx
@@ -0,0 +1,81 @@
+import React from 'react'
+
+import style from './Cv.module.css'
+
+function Cv ({
+  competencies,
+  education,
+  certifications,
+  languages,
+  experience
+}) {
+  return (
+    <div className={style.cv}>
+      <div>
+        <h2>Core competencies</h2>
+        <ul>
+          {competencies.sort().map((c, i) => (
+            <li key={i}>{c}</li>
+          ))}
+        </ul>
+
+        <h2>Certifications</h2>
+        <ul>
+          {certifications.sort().map((c, i) => (
+            <li key={i}>{c}</li>
+          ))}
+        </ul>
+
+        <h2>Languages</h2>
+        <ul>
+          {languages.sort().map((c, i) => (
+            <li key={i}>
+              {c.name} - {c.proficiency}
+            </li>
+          ))}
+        </ul>
+
+        <h2>Education history</h2>
+        <p>{education}</p>
+      </div>
+      <div>
+        <h2>Professional experience</h2>
+
+        {experience.map((exp, i) => (
+          <CVWorkExperience
+            key={i}
+            employer={exp.employer}
+            position={exp.position}
+            start={exp.start}
+            end={exp.end}
+          >
+            {exp.desc}
+          </CVWorkExperience>
+        ))}
+      </div>
+    </div>
+  )
+}
+
+export default Cv
+
+function CVWorkExperience ({ position, employer, start, end, children }) {
+  return (
+    <div className={style['work-experience']}>
+      <div>
+        <h3>
+          {position}
+          <br />
+          <small>{employer}</small>
+        </h3>
+        <small>
+          <time>{start}</time> - <time>{end}</time>
+        </small>
+      </div>
+      <div
+        data-test='children'
+        dangerouslySetInnerHTML={{ __html: children }}
+      />
+    </div>
+  )
+}
diff --git a/src/components/Cv/Cv.module.css b/src/components/Cv/Cv.module.css
new file mode 100644
index 0000000..aa23271
--- /dev/null
+++ b/src/components/Cv/Cv.module.css
@@ -0,0 +1,25 @@
+.cv {
+  display: flex;
+  flex-direction: row;
+  gap: 25px;
+}
+
+.cv > div:first-child {
+  flex: 1;
+}
+
+.cv > div:last-child {
+  flex: 2;
+}
+
+.cv .work-experience >div:first-child {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+@media (max-width: 768px) {
+  .cv {
+    flex-direction: column;
+  }
+}
\ No newline at end of file