From 416dbf4ee7c3d44560b23fe9223999ccadb64f07 Mon Sep 17 00:00:00 2001
From: Maciej Kotowski <makoteq@gmail.com>
Date: Sun, 3 Oct 2021 22:30:31 +0200
Subject: [PATCH] location icon

---
 src/components/EventPreview/index.js          | 8 ++++++--
 src/components/EventPreview/index.module.scss | 2 +-
 src/pages/Home/index.js                       | 2 +-
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/EventPreview/index.js b/src/components/EventPreview/index.js
index 398e0d6..249666b 100644
--- a/src/components/EventPreview/index.js
+++ b/src/components/EventPreview/index.js
@@ -34,10 +34,14 @@ const  getTime = (time) =>{
       <div className={styles.item}>
         <span className={styles.location}>{props.name ?? "Event name"}</span>{" "}
         <br></br>
+        <div className="d-flex justify-content-between align-items-center ">
         <span className={styles.time}>
           <BIcon icon="calendar" /> {`${getDate(props.time)} ${getTime(props.time)}` ?? ""}
-        </span>{" "}
-        <br></br>
+        </span>
+        <span className={styles.time}>
+          <BIcon icon="geo-alt-fill" /> miejsce, miasto ,kraj
+        </span>
+        </div>
         <div className="d-flex justify-content-between align-items-center ">
         <div style={{ background: color }} className={styles.block}>
           {label}
diff --git a/src/components/EventPreview/index.module.scss b/src/components/EventPreview/index.module.scss
index 8c992d3..2bf91cd 100644
--- a/src/components/EventPreview/index.module.scss
+++ b/src/components/EventPreview/index.module.scss
@@ -39,5 +39,5 @@
     max-width:150px;
     padding:5px;
     height:30px;
-    border-radius:10px;
+    border-radius:7px;
 }
\ No newline at end of file
diff --git a/src/pages/Home/index.js b/src/pages/Home/index.js
index 5622e98..922949f 100644
--- a/src/pages/Home/index.js
+++ b/src/pages/Home/index.js
@@ -67,7 +67,7 @@ export const Home = () => {
                     </Button>
                 </Stack>
                 {list.map((e, i) => {
-                    return <EventPreview name={e.name} type={e.type} createdTime={e.created.time} time={e.time} id={e._id} key={i} />;
+                    return <EventPreview name={e.name} type={e.type} lon={e.lon} lat={e.lat} createdTime={e.created.time} time={e.time} id={e._id} key={i} />;
                 })}
             </Stack>
         </div>