Make people variable optional

open-datakit · Jan 23, 2024 · 07b1106 · 07b1106
1 parent 8e066c4
commit 07b1106
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 22 deletions.
diff --git a/src/pages/people/[...slug].astro b/src/pages/people/[...slug].astro
@@ -1,26 +1,21 @@
 ---
 import { type CollectionEntry, getCollection } from "astro:content";
+import Person from "../../layouts/Person.astro";
+
 export async function getStaticPaths() {
-  return [];
+  const people = await getCollection("people");
+  console.log("people", people);
+  return people.map((person) => ({
+    params: { slug: person.slug },
+    props: person,
+  }));
 }
-// import Person from "../../layouts/Person.astro";
-//
-// export async function getStaticPaths() {
-//   const people = await getCollection("people");
-//   console.log("people", people);
-//   return people.map((person) => ({
-//     params: { slug: person.slug },
-//     props: person,
-//   }));
-// }
-// type Props = CollectionEntry<"people">;
-//
-// const person = Astro.props;
-// const { Content } = await person.render();
+type Props = CollectionEntry<"people">;
+
+const person = Astro.props;
+const { Content } = await person.render();
 ---
 
-<!--
 <Person {...person.data}>
   <Content />
 </Person>
--->
diff --git a/src/pages/people/index.astro b/src/pages/people/index.astro
@@ -3,10 +3,10 @@ import BaseHead from "../../components/BaseHead.astro";
 import Header from "../../components/Header.astro";
 import Footer from "../../components/Footer.astro";
 import { SITE_TITLE, SITE_DESCRIPTION } from "../../consts";
-// import { getCollection } from "astro:content";
+import { getCollection } from "astro:content";
 import FormattedDate from "../../components/FormattedDate.astro";
 
-// const people = await getCollection("people");
+const people = await getCollection("people");
 ---
 
 <!doctype html>
@@ -19,10 +19,9 @@ import FormattedDate from "../../components/FormattedDate.astro";
     <Header />
     <main>
       <section>
-        <!--
         <ul>
           {
-            people.map((person) => (
+            people?.map((person) => (
               <li>
                 <a href={`/people/${person.slug}/`}>
                   <h4 class="title">{person.data.name}</h4>
@@ -31,7 +30,6 @@ import FormattedDate from "../../components/FormattedDate.astro";
             ))
           }
         </ul>
-        -->
       </section>
     </main>
     <Footer />