From 1b475ed1b7c8f08fa20ec576d0cdb38ec7ae25eb Mon Sep 17 00:00:00 2001
From: namedotget <colin.foster4723@gmail.com>
Date: Mon, 25 Nov 2024 11:24:50 -0600
Subject: [PATCH] Added citizen location link to map

---
 ui/pages/citizen/[tokenIdOrName].tsx | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/ui/pages/citizen/[tokenIdOrName].tsx b/ui/pages/citizen/[tokenIdOrName].tsx
index 0b7baf18..fd09ac09 100644
--- a/ui/pages/citizen/[tokenIdOrName].tsx
+++ b/ui/pages/citizen/[tokenIdOrName].tsx
@@ -1,7 +1,6 @@
 //Citizen Profile
 import {
   GlobeAltIcon,
-  GlobeAmericasIcon,
   MapPinIcon,
   PencilIcon,
 } from '@heroicons/react/24/outline'
@@ -308,14 +307,18 @@ export default function CitizenDetailPage({
                   <Address address={isGuest ? address : nft.owner} />
                 </div>
 
-                <div className="mt-2 flex items-center gap-2 lg:ml-5">
-                  <MapPinIcon
-                    width={30}
-                    height={30}
-                    className="flex-shrink-0"
-                  />
-                  <p className="font-GoodTimes">{location}</p>
-                </div>
+                {location !== '' && (
+                  <div className="mt-2 flex items-center gap-2 lg:ml-5">
+                    <MapPinIcon
+                      width={30}
+                      height={30}
+                      className="flex-shrink-0"
+                    />
+                    <Link className="font-GoodTimes" href="/map">
+                      {location}
+                    </Link>
+                  </div>
+                )}
               </div>
             </div>
           </div>