From 20a3578e7354090fae5780ee05140576796b5e43 Mon Sep 17 00:00:00 2001
From: Thomas Markiewicz <tomek@librem.one>
Date: Sun, 19 Dec 2021 12:31:53 -0600
Subject: [PATCH] Added product photo when searching for location; closes #10

---
 src/components/Locator/index.tsx | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/components/Locator/index.tsx b/src/components/Locator/index.tsx
index 018a892..abd337e 100644
--- a/src/components/Locator/index.tsx
+++ b/src/components/Locator/index.tsx
@@ -247,9 +247,22 @@ export const LocatorBase: FC<Props> = (args) => {
             height: "calc(var(--vh, 1vh) * 95)",
           }}
         >
-          <h2>{product?.name}</h2>
+          <div css={{ textAlign: "center" }}>
+            <h2>{product?.name}</h2>
 
-          {locationButton()}
+            <img
+              src={src}
+              alt={product?.name}
+              css={{
+                borderStyle: "1px solid grey",
+                borderRadius: "8px",
+                height: "200px",
+                marginBottom: "16px",
+              }}
+            />
+
+            {locationButton()}
+          </div>
 
           {storeList}
         </div>
@@ -260,7 +273,6 @@ export const LocatorBase: FC<Props> = (args) => {
             left: "auto",
             right: "8px",
             bottom: "8px",
-
           }}
         >
           <button