From 570c1e0b48a1131292a0afa4c3fb5e4e8dd80c9c Mon Sep 17 00:00:00 2001
From: Simeon Pursiainen <simeon.pursiainen@gmail.com>
Date: Mon, 20 Jan 2025 21:54:08 +0200
Subject: [PATCH] Possibility to display job ads in English

---
 src/views/CorporatePage/JobAdList_en.tsx | 42 ++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 src/views/CorporatePage/JobAdList_en.tsx

diff --git a/src/views/CorporatePage/JobAdList_en.tsx b/src/views/CorporatePage/JobAdList_en.tsx
new file mode 100644
index 0000000..64ef8c8
--- /dev/null
+++ b/src/views/CorporatePage/JobAdList_en.tsx
@@ -0,0 +1,42 @@
+import React from "react";
+import styled from "styled-components";
+import JobAd from "@models/JobAd";
+import { Accordion } from "@components/index";
+import ReactMarkdown from "react-markdown";
+import rehypeRaw from "rehype-raw";
+import rehypeSanitize from "rehype-sanitize";
+
+interface JobAdListProps {
+  jobAds: JobAd[];
+}
+
+const List = styled.ul`
+  padding: 0;
+
+  li {
+    margin: 1rem 0;
+    list-style: none;
+  }
+`;
+
+const JobAdList: React.FC<JobAdListProps> = ({ jobAds }) => (
+  <List>
+    {jobAds.map((ad) => (
+      <li key={ad.id}>
+        <Accordion title={ad.title_en}>
+          <div>
+            <p>
+              {ad.description_en}
+            </p>
+            <ReactMarkdown rehypePlugins={[rehypeRaw, rehypeSanitize]}>
+              {ad.content_en}
+            </ReactMarkdown>
+          </div>
+        </Accordion>
+      </li>
+    ))}
+  </List>
+
+);
+
+export default JobAdList;