optional props example

BrandonShar · BrandonShar · commit 0ffa29b2b1b2 · 2025-11-19T12:07:31.000-08:00
diff --git a/app/controllers/topics_controller.rb b/app/controllers/topics_controller.rb
@@ -12,6 +12,7 @@ def index
     render inertia: {
       topics: topics,
       trending_topics: calculate_trending_topics(topics)
+      # trending_topics: InertiaRails.optional { calculate_trending_topics(topics) }
       # trending_topics: InertiaRails.defer { calculate_trending_topics(topics) }
     }
   end
diff --git a/app/frontend/pages/topics/index.tsx b/app/frontend/pages/topics/index.tsx
@@ -1,9 +1,23 @@
-import { Head } from '@inertiajs/react'
+// import { useEffect } from 'react'
+import { Head /*, router, usePage */ } from '@inertiajs/react'
 import AppLayout from '../../layouts/AppLayout'
 import { Topic } from '../../types'
 import TopicsTable from '../../components/TopicsTable'
 
 function TopicsIndex({ topics, trending_topics }: { topics: Topic[], trending_topics: number[] }) {
+  /*
+  const {url} = usePage();
+
+  useEffect(() => {
+   // router.reload({only: ['trending_topics']})
+
+    router.visit(url, {
+      only: ['trending_topics'],
+      preserveState: true,
+    });
+  }, [])
+  */
+
   return (
     <AppLayout>
       <Head title="Topics - Pups & Pourovers" />

Original file line number	Diff line number	Diff line change
`@@ -12,6 +12,7 @@ def index`
`12`	`12`	`render inertia: {`
`13`	`13`	`topics: topics,`
`14`	`14`	`trending_topics: calculate_trending_topics(topics)`
	`15`	`+ # trending_topics: InertiaRails.optional { calculate_trending_topics(topics) }`
`15`	`16`	`# trending_topics: InertiaRails.defer { calculate_trending_topics(topics) }`
`16`	`17`	`}`
`17`	`18`	`end`