✨ create policy endpoitn

src/components/ResourcePoliciesTable.tsx

@@ -5,9 +5,14 @@ import { toast } from "@app/hooks/useToast";
 import { createApiClient } from "@app/lib/api";
 import type { ListResourcePoliciesResponse } from "@server/routers/resource/types";
 import type { PaginationState } from "@tanstack/react-table";
+import { ArrowRight, MoreHorizontal } from "lucide-react";
 import { useTranslations } from "next-intl";
+import Link from "next/link";
 import { useRouter } from "next/navigation";
 import { useTransition } from "react";
+import { useDebouncedCallback } from "use-debounce";
+import { Button } from "./ui/button";
+import { ControlledDataTable } from "./ui/controlled-data-table";
 import type { ExtendedColumnDef } from "./ui/data-table";
 import {
     DropdownMenu,
@@ -15,12 +20,6 @@ import {
     DropdownMenuItem,
     DropdownMenuTrigger
 } from "./ui/dropdown-menu";
-import { Button } from "./ui/button";
-import { MoreHorizontal, ArrowRight } from "lucide-react";
-import Link from "next/link";
-import { ControlledDataTable } from "./ui/controlled-data-table";
-import { useDebouncedCallback } from "use-debounce";
-import { Badge } from "./ui/badge";
 
 type ResourcePolicyRow = ListResourcePoliciesResponse["policies"][number];
 

src/components/resource-policy/CreatePolicyForm.tsx

@@ -42,6 +42,11 @@ import {
     PolicyUsersRolesSection
 } from "./ResourcePolicySubForms";
 import { type PolicyFormValues, createPolicySchema } from ".";
+import { toast } from "@app/hooks/useToast";
+import { createApiClient, formatAxiosError } from "@app/lib/api";
+import { orgs, type ResourcePolicy } from "@server/db";
+import type { AxiosResponse } from "axios";
+import { useRouter } from "next/navigation";
 
 // ─── CreatePolicyForm ─────────────────────────────────────────────────────────
 
@@ -51,9 +56,12 @@ export function CreatePolicyForm({}: CreatePolicyFormProps) {
     const { org } = useOrgContext();
     const t = useTranslations();
     const { env } = useEnvContext();
+    const api = createApiClient({ env });
     const [, formAction, isSubmitting] = useActionState(onSubmit, null);
     const { isPaidUser } = usePaidStatus();
 
+    const router = useRouter();
+
     const isMaxmindAvailable = !!(
         env.server.maxmind_db_path && env.server.maxmind_db_path.length > 0
     );
@@ -96,6 +104,52 @@ export function CreatePolicyForm({}: CreatePolicyFormProps) {
         const isValid = await form.trigger();
 
         if (!isValid) return;
+
+        const payload = form.getValues();
+
+        try {
+            const res = await api
+                .post<AxiosResponse<ResourcePolicy>>(
+                    `/org/${org.org.orgId}/resource-policy/`,
+                    {
+                        name: payload.name,
+                        sso: payload.sso,
+                        roleIds: payload.roles.map((r) => r.id),
+                        userIds: payload.users.map((u) => u.id)
+                    }
+                )
+                .catch((e) => {
+                    toast({
+                        variant: "destructive",
+                        title: t("policyErrorCreate"),
+                        description: formatAxiosError(
+                            e,
+                            t("policyErrorCreateDescription")
+                        )
+                    });
+                });
+
+            if (res && res.status === 201) {
+                const id = res.data.data.resourcePolicyId;
+                const niceId = res.data.data.niceId;
+
+                router.push(`/${org.org.orgId}/settings/policies/resources/`);
+                // should redirect to the details page
+                // router.push(
+                //     `/${org.org.orgId}/settings/policies/resources/${niceId}`
+                // );
+                toast({
+                    title: t("success"),
+                    description: t("policyCreatedSuccess")
+                });
+            }
+        } catch (e) {
+            toast({
+                variant: "destructive",
+                title: t("policyErrorCreate"),
+                description: t("policyErrorCreateMessageDescription")
+            });
+        }
     }
 
     const allRoles = useMemo(