Create campaigns

src/routes/_authenticated/campaigns.index.tsx

@@ -3,6 +3,8 @@ import { pb } from "@/lib/pocketbase";
 import type { Campaign } from "@/lib/types";
 import { Link } from "@tanstack/react-router";
 import { Loader } from "@/components/Loader";
+import { CreateCampaignButton } from "@/components/CreateCampaignButton";
+import { useRouter } from "@tanstack/react-router";
 
 export const Route = createFileRoute("/_authenticated/campaigns/")({
   loader: async () => {
@@ -15,6 +17,11 @@ export const Route = createFileRoute("/_authenticated/campaigns/")({
 
 function RouteComponent() {
   const { campaigns } = Route.useLoaderData();
+  const router = useRouter();
+
+  const handleCreated = async () => {
+    await router.invalidate();
+  };
 
   if (!campaigns || campaigns.length === 0) return <div>No campaigns found.</div>;
 
@@ -34,6 +41,9 @@ function RouteComponent() {
           </li>
         ))}
       </ul>
+      <div className="mt-8">
+        <CreateCampaignButton onCreated={handleCreated} />
+      </div>
     </div>
   );
 }