add data

Author: davidsklar99

pages/columns/groups/@group/+Page.client.ts

@@ -1,8 +1,15 @@
-import { usePageContext } from "vike-react/usePageContext";
 import { IndividualPage } from "../../../lex/index";
+import { useData } from "vike-react/useData";
 
 export function Page() {
-  const pageContext = usePageContext();
-  const id = parseInt(pageContext.urlParsed.pathname.split("/")[3]);
-  return IndividualPage(id, "col_group_id", "groups");
+  const { res, fossilRes, colData, taxaData } = useData();
+
+  return IndividualPage(
+    res[0].col_group_id,
+    "groups",
+    res,
+    fossilRes,
+    colData,
+    taxaData
+  );
 }

pages/columns/groups/@group/+data.ts

@@ -0,0 +1,34 @@
+import { apiV2Prefix } from "@macrostrat-web/settings";
+import { fetchAPIData } from "~/_utils";
+
+export async function data(pageContext) {
+  const col_group_id = parseInt(pageContext.urlParsed.pathname.split("/")[3]);
+
+  // Await all API calls
+  const [res, fossilRes, colData] = await Promise.all([
+    fetchAPIData("/defs/groups", { col_group_id }),
+    (await fetch(apiV2Prefix + "/fossils?col_group_id=" + col_group_id)).json(),
+    (
+      await fetch(
+        apiV2Prefix +
+          "/columns?col_group_id=" +
+          col_group_id +
+          "&response=long&format=geojson"
+      )
+    ).json(),
+  ]);
+
+  const cols = colData.success.data.features
+    ?.map((feature) => feature.properties.col_id)
+    ?.join(",");
+
+  let taxaData = null;
+  if (cols) {
+    const response = await fetch(
+      `https://paleobiodb.org/data1.2/occs/prevalence.json?limit=5&coll_id=${cols}`
+    );
+    taxaData = await response.json();
+  }
+
+  return { res, fossilRes, colData, taxaData };
+}