Use new api route

Author: davidsklar99

pages/trip/@id/+data.ts

@@ -3,7 +3,7 @@ import { rockdApiURL } from "@macrostrat-web/settings";
 
 export async function data(pageContext) {
     const data = await fetch(
-        `${rockdApiURL}/trips/${pageContext.routeParams.id}`
+        `${rockdApiURL}/trips/${pageContext.routeParams.id}?simple=true`
     ).then((response) => {
         if (!response.ok) {
             throw new Error(`HTTP error! status: ${response.status}`);

src/components/general/index.ts

@@ -412,14 +412,14 @@ function Checkin({checkin, mapRef, setInspectPosition, len}) {
             }),
             h("h3", { className: "likes" }, checkin.likes),
           ]),
-          h("div", { className: "observations-container" }, [
+          h.if(checkin?.observations)("div", { className: "observations-container" }, [
             h(Icon, {
               className:
                 "observations-icon " + (isDarkMode ? "icon-dark-mode" : ""),
               icon: "camera",
               style: { color: "white" },
             }),
-            h("h3", { className: "likes" }, checkin.observations.length),
+            h("h3", { className: "likes" }, checkin.observations?.length),
           ]),
           h("div", { className: "comments-container" }, [
             h(Icon, {