Import repositories from gitlab

next/components/timeSlot/index.jsx

@@ -0,0 +1,23 @@
+import { BlocksRenderer } from '@strapi/blocks-react-renderer';
+import styles from './style.module.scss';
+
+export default async function TimeSlot(props) {
+    const date_begin = new Date(props.start)
+    const date_end = new Date(props.end)
+    const date_format = new Intl.DateTimeFormat('fr', {
+          weekday: 'long',
+          month: "long",
+          day: "numeric"
+        }).format(date_begin)
+
+    return (
+        <article className={styles.timeSlot}>
+            <h4>
+                {date_format} - {date_begin.getHours()}h
+                {date_begin.getMinutes() !== 0 ? date_begin.getMinutes() : ""} à&nbsp;
+                {date_end.getHours()}h{date_end.getMinutes() !== 0 ? date_end.getMinutes() : ""}
+            </h4>
+            <BlocksRenderer content={props.content}/>
+        </article>
+    );
+}

next/components/timeSlot/style.module.scss

@@ -0,0 +1,17 @@
+.timeSlot {
+    h4::first-letter {
+        text-transform: capitalize;
+    }
+
+    h4 {
+        font-family: var(--font-details);
+        margin: 0px;
+        font-size: 1.5rem;
+        font-weight: 400;
+        color: var(--fefan-3);
+    }
+
+    margin-bottom: 2rem;
+    padding-right: 1rem;
+    padding-left: 1rem;
+}