adding a via strabospot link to the checkin's card when a spot_id != null in checkins table

Author: amyfromandi

pages/layout.module.sass

@@ -282,6 +282,14 @@ body
 
 .checkin-header
   display: flex
+  .strabo-link
+    margin-left: auto
+    font-size: 0.8rem
+    color: #1a73e8
+    text-decoration: underline
+
+    &:hover
+      color: #b01594
 
 .description
   margin-top: 10px

src/components/index.ts

@@ -350,6 +350,17 @@ function Checkin({ checkin, mapRef, setInspectPosition, len }) {
           LngLatCoords(LngLatProps),
           h("h3", { className: "rating" }, ratingArr),
         ]),
+        checkin.spot_id != null &&
+          h(
+            "a",
+            {
+              className: "strabo-link",
+              href: "https://strabospot.org",
+              target: "_blank",
+              rel: "noopener noreferrer",
+            },
+            "via StraboSpot"
+          ),
       ]),
       h("p", { className: "description" }, checkin.notes),
       h(

src/components/layout.module.sass

@@ -223,6 +223,14 @@
 
 .checkin-header
   display: flex
+  .strabo-link
+    margin-left: auto
+    font-size: 0.8rem
+    color: #1a73e8
+    text-decoration: underline
+
+    &:hover
+      color: #b01594
 
 .description
   margin-top: 10px