feat: wire up feature flags dialog in admin orgs page

Author: nicktrn

apps/webapp/app/routes/admin.orgs.tsx

@@ -2,7 +2,9 @@ import { MagnifyingGlassIcon } from "@heroicons/react/20/solid";
 import { Form } from "@remix-run/react";
 import type { LoaderFunctionArgs } from "@remix-run/server-runtime";
 import { redirect, typedjson, useTypedLoaderData } from "remix-typedjson";
+import { useState } from "react";
 import { z } from "zod";
+import { FeatureFlagsDialog } from "~/components/admin/FeatureFlagsDialog";
 import { Button, LinkButton } from "~/components/primitives/Buttons";
 import { CopyableText } from "~/components/primitives/CopyableText";
 import { Input } from "~/components/primitives/Input";
@@ -46,6 +48,16 @@ export const loader = async ({ request, params }: LoaderFunctionArgs) => {
 export default function AdminDashboardRoute() {
   const { organizations, filters, page, pageCount } = useTypedLoaderData<typeof loader>();
 
+  const [flagsOrgId, setFlagsOrgId] = useState<string | null>(null);
+  const [flagsOrgTitle, setFlagsOrgTitle] = useState("");
+  const [flagsOpen, setFlagsOpen] = useState(false);
+
+  const openFlagsDialog = (orgId: string, orgTitle: string) => {
+    setFlagsOrgId(orgId);
+    setFlagsOrgTitle(orgTitle);
+    setFlagsOpen(true);
+  };
+
   return (
     <main
       aria-labelledby="primary-heading"
@@ -113,6 +125,13 @@ export default function AdminDashboardRoute() {
                     <TableCell>{org.v3Enabled ? "✅" : ""}</TableCell>
                     <TableCell>{org.deletedAt ? "☠️" : ""}</TableCell>
                     <TableCell isSticky={true}>
+                      <Button
+                        variant="tertiary/small"
+                        onClick={() => openFlagsDialog(org.id, org.title)}
+                        className="mr-2"
+                      >
+                        Flags
+                      </Button>
                       <LinkButton
                         to={`/@/orgs/${org.slug}`}
                         className="mr-2"
@@ -135,6 +154,12 @@ export default function AdminDashboardRoute() {
 
         <PaginationControls currentPage={page} totalPages={pageCount} />
       </div>
+      <FeatureFlagsDialog
+        orgId={flagsOrgId}
+        orgTitle={flagsOrgTitle}
+        open={flagsOpen}
+        onOpenChange={setFlagsOpen}
+      />
     </main>
   );
 }