adding via strabospot url to the checkins details page

Author: amyfromandi

pages/checkin/index.ts

@@ -133,7 +133,20 @@ export function Checkins({ checkin, comments }) {
 
   let main = h("div", { className: "container" }, [
     h("div", { className: "main" }, [
-      h("div", { className: "checkin-head" }, [h("h1", checkin.notes)]),
+      h("div", { className: "checkin-head" }, [
+        h("h1", checkin.notes),
+        checkin.spot_id != null &&
+          h(
+            "a",
+            {
+              className: "strabo-link",
+              href: "https://strabospot.org",
+              target: "_blank",
+              rel: "noopener noreferrer",
+            },
+            "via StraboSpot"
+          ),
+      ]),
       h(Overlay, {
         checkin,
         center,

pages/checkin/main.module.sass

@@ -113,6 +113,22 @@ h4
   padding: 30px 0
   width: 100%
   color: var(--text-emphasized-color)
+  display: flex
+  align-items: flex-start
+  justify-content: space-between
+  gap: 8px
+
+  h1
+    margin: 0
+
+  .strabo-link
+    margin-left: auto
+    font-size: 0.9rem
+    color: #1a73e8
+    text-decoration: underline
+
+    &:hover
+      color: #b01594
 
 .loading
   height: 75vh