Added city in places page

silversonicaxel · May 4, 2024 · 7ad8b48 · 7ad8b48
1 parent f2aa94b
commit 7ad8b48
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/app/places/page.tsx b/app/places/page.tsx
@@ -11,10 +11,17 @@ export default async function PlacesPage() {
     getPlacesData()
   ])
 
-  return places.map((place, idx) => (
-    <div key={`place-${idx}`} className={styles.uaplaces}>
+  return places.map((place) => (
+    <div key={`place-${place.id}`} className={styles.uaplaces}>
       <Link href={`places/${place.id}`}>
-        {place.name} - {countryCodes[place.iso]}
+        <span>{place.name}</span>
+        &nbsp;
+        <span>~</span>
+        &nbsp;
+        <span>
+          {place.city ? `${place.city} - ` : ``}
+          {countryCodes[place.iso]}
+        </span>
       </Link>
     </div>
   ))

diff --git a/app/places/places.module.css b/app/places/places.module.css
@@ -1,5 +1,6 @@
 .uaplaces a {
   display: inline-block;
+  margin-bottom: 5px;
   transition: transform 0.5s ease-in-out;
 }
 

diff --git a/src/types/place.d.ts b/src/types/place.d.ts
@@ -4,4 +4,5 @@ export type Place = {
   address: string
   site?: string
   iso: string
+  city?: string
 }