Add content to the AI page

Author: hasparus

src/app/(main)/resources/[category]/categories-config.ts

@@ -179,7 +179,7 @@ export const sectionKindNames: Record<Kind, string> = {
   book: "Books",
   "blog-or-newsletter": "Blogs & Newsletters",
   docs: "Documentation",
-  event: "Upcoming events",
+  event: "Events",
   post: "Community posts",
   list: "Community lists",
 }

src/app/(main)/resources/[category]/category-working-groups.tsx

@@ -27,12 +27,9 @@ export async function CategoryWorkingGroups({
   )
 
   const hasFutureEvents = futureEvents.length > 0
-  const events = hasFutureEvents
-    ? futureEvents
-    : matchingMeetings
-        .filter(event => new Date(event.start).getTime() < Date.now())
-        .sort((a, b) => new Date(b.start).getTime() - new Date(a.start).getTime())
-        .slice(0, 4)
+
+  // soonest/most recent first
+  const events = hasFutureEvents ? futureEvents : matchingMeetings.reverse()
 
   if (events.length === 0) return null
 
@@ -43,7 +40,9 @@ export async function CategoryWorkingGroups({
     >
       <header className="flex flex-col gap-6 lg:flex-row lg:items-end lg:justify-between">
         <div className="flex flex-col gap-4 xl:gap-6">
-          <Eyebrow>{hasFutureEvents ? "Upcoming events" : "Past events"}</Eyebrow>
+          <Eyebrow>
+            {hasFutureEvents ? "Upcoming events" : "Past events"}
+          </Eyebrow>
           <h2 className="typography-h2 max-w-[700px] text-pretty">{heading}</h2>
           <p className="typography-body-md max-w-[577px] text-neu-800">
             {text}

src/app/(main)/resources/[category]/page.tsx

@@ -60,8 +60,6 @@ export default async function CategoryPage({ params }: { params: PageParams }) {
 
   if (sections.length === 0) sections = Array.from(grouped.keys())
 
-  sections = await removeEventsSectionWithoutFutureEvents(sections, category)
-
   const activePath: Item[] = [
     {
       name: "Home",
@@ -130,28 +128,6 @@ export default async function CategoryPage({ params }: { params: PageParams }) {
   )
 }
 
-/**
- * if there are no events at all, we remove the section from the TOC
- */
-async function removeEventsSectionWithoutFutureEvents(
-  sections: Kind[],
-  category: Topic,
-) {
-  if (sections.includes("event")) {
-    const events = await loadWorkingGroupMeetings()
-    const predicate = categoriesConfig[category].sections.event?.predicate
-
-    if (predicate) {
-      const matchingEvents = events.filter(predicate)
-
-      if (matchingEvents.length === 0)
-        return sections.filter(section => section !== "event")
-    }
-  }
-
-  return sections
-}
-
 function uniqueByTitle(resources: ResourceMetadata[]) {
   const seen = new Set<string>()
   return resources.filter(resource => {

src/app/(main)/resources/resource-hub-card.tsx

@@ -68,7 +68,9 @@ export function ResourceHubCard({
                 "text-pretty text-neu-900",
                 title.length > 100
                   ? "typography-body-lg"
-                  : "typography-h4 md:typography-h3",
+                  : title.length > 65
+                    ? "typography-h4"
+                    : "typography-h4 md:typography-h3",
               )}
             >
               {title}

src/resources/data/ai-enabled-supergraph.json

@@ -0,0 +1,7 @@
+{
+  "title": "An AI-enabled Supergraph: From Text-to-Query to Conversational Agents",
+  "url": "https://www.youtube.com/watch?v=iJvEf0vfxvA",
+  "tags": ["ai", "video"],
+  "duration": "33:27",
+  "author": "Ben Newman"
+}

src/resources/data/graphql-field-discovery-genai.json

@@ -0,0 +1,7 @@
+{
+  "title": "Why AI Needs GraphQL",
+  "author": "Anant Jhingran",
+  "url": "https://youtu.be/bnWMiI9q4bc",
+  "tags": ["ai", "video"],
+  "duration": "31:24"
+}