Created EventPreview component

src/components/EventPreview/index.js

@@ -0,0 +1,16 @@
+import { Link } from "react-router-dom";
+import { BIcon } from "../BIcon";
+import styles from "./index.module.scss";
+
+export const EventPreview = (props) => {
+    return (
+        <Link to="/" className={styles.link}>
+            <div className={styles.item}>
+                <span className={styles.location}>{props.name ?? "Event name"}</span> <br></br>
+                <span>
+                    <BIcon icon="calendar" /> {props.date ?? ""}
+                </span>
+            </div>
+        </Link>
+    );
+};

src/components/EventPreview/index.module.scss

@@ -0,0 +1,21 @@
+@import "../../index.scss";
+
+.link {
+    text-decoration: none;
+    color: black !important;
+}
+
+.item {
+    border: 1px solid black;
+    border-radius: 15px;
+    width: 70vw;
+    max-width: 500px;
+    height: 10vh;
+    margin: 3px auto;
+    padding: 10px 25px;
+}
+
+.location {
+    font-weight: bold;
+    font-size: 1.7em;
+}