add date list component

2024-05-13 01:14:19 +02:00
parent 3f3158204a
commit 87e897147d
3 changed files with 48 additions and 0 deletions
--- a/web/src/components/events/DateList.tsx
+++ b/web/src/components/events/DateList.tsx
@ -0,0 +1,38 @@
+import styles from "./dateList.module.scss";
+
+export const DateList = () => {
+  return (
+    <div className={styles.dateWrapper}>
+      <h2>Kommende datoer</h2>
+      <ul className={styles.dateList}>
+        <li className={styles.date}>
+          <div className={styles.time}>
+            <span>27. mai 2024</span>
+            <span>18.00</span>
+          </div>
+          <div className={styles.venue}>
+            <span>Lokale</span>
+          </div>
+        </li>
+        <li className={styles.date}>
+          <div className={styles.time}>
+            <span>27. mai 2024</span>
+            <span>18.00</span>
+          </div>
+          <div className={styles.venue}>
+            <span>Lokale</span>
+          </div>
+        </li>
+        <li className={styles.date}>
+          <div className={styles.time}>
+            <span>27. mai 2024</span>
+            <span>18.00</span>
+          </div>
+          <div className={styles.venue}>
+            <span>Lokale</span>
+          </div>
+        </li>
+      </ul>
+    </div>
+  );
+};