diff --git a/apps/app/src/actions/policies/create-policy-comment.ts b/apps/app/src/actions/policies/create-policy-comment.ts new file mode 100644 index 0000000000..d896b50112 --- /dev/null +++ b/apps/app/src/actions/policies/create-policy-comment.ts @@ -0,0 +1,38 @@ +"use server"; + +import { db } from "@bubba/db"; +import { revalidatePath, revalidateTag } from "next/cache"; +import { authActionClient } from "../safe-action"; +import { createPolicyCommentSchema } from "../schema"; + +export const createPolicyCommentAction = authActionClient + .schema(createPolicyCommentSchema) + .metadata({ + name: "create-policy-comment", + track: { + event: "create-policy-comment", + channel: "server", + }, + }) + .action(async ({ parsedInput, ctx }) => { + const { policyId, content } = parsedInput; + const { user } = ctx; + + if (!user.id || !user.organizationId) { + throw new Error("Invalid user input"); + } + + await db.policyComments.create({ + data: { + organizationPolicyId: policyId, + content, + ownerId: user.id, + organizationId: user.organizationId, + }, + }); + + revalidatePath(`/policies/all/${policyId}`); + revalidateTag(`policy_${user.organizationId}`); + + return { success: true }; + }); diff --git a/apps/app/src/actions/schema.ts b/apps/app/src/actions/schema.ts index e12ed67f11..6afefa635b 100644 --- a/apps/app/src/actions/schema.ts +++ b/apps/app/src/actions/schema.ts @@ -309,3 +309,17 @@ export const apiKeySchema = z.object({ .max(64, { message: "Name must be less than 64 characters" }), expiresAt: z.enum(["30days", "90days", "1year", "never"]), }); + +export const createPolicyCommentSchema = z.object({ + policyId: z.string().min(1, { + message: "Policy ID is required", + }), + content: z + .string() + .min(1, { + message: "Comment content is required", + }) + .max(1000, { + message: "Comment content should be at most 1000 characters", + }), +}); diff --git a/apps/app/src/app/[locale]/(app)/(dashboard)/policies/all/[policyId]/page.tsx b/apps/app/src/app/[locale]/(app)/(dashboard)/policies/all/[policyId]/page.tsx index 86d7e4c5be..89227fc5b3 100644 --- a/apps/app/src/app/[locale]/(app)/(dashboard)/policies/all/[policyId]/page.tsx +++ b/apps/app/src/app/[locale]/(app)/(dashboard)/policies/all/[policyId]/page.tsx @@ -1,4 +1,5 @@ import { auth } from "@/auth"; +import { PolicyComment } from "@/components/policies/policy-comments"; import { PolicyOverview } from "@/components/policies/policy-overview"; import { getI18n } from "@/locales/server"; import { db } from "@bubba/db"; @@ -8,71 +9,73 @@ import { unstable_cache } from "next/cache"; import { redirect } from "next/navigation"; export default async function PolicyDetails({ - params, + params, }: { - params: Promise<{ locale: string; policyId: string }>; + params: Promise<{ locale: string; policyId: string }>; }) { - const { locale, policyId } = await params; + const { locale, policyId } = await params; - setStaticParamsLocale(locale); + setStaticParamsLocale(locale); - const session = await auth(); - const organizationId = session?.user.organizationId; + const session = await auth(); + const organizationId = session?.user.organizationId; - if (!organizationId) { - redirect("/"); - } + if (!organizationId) { + redirect("/"); + } - const policy = await getPolicy(policyId, organizationId); - const users = await getUsers(organizationId); + const policy = await getPolicy(policyId, organizationId); + const users = await getUsers(organizationId); - if (!policy) { - redirect("/policies"); - } + if (!policy) { + redirect("/policies"); + } - return ( -
- -
- ); + return ( +
+ + +
+ ); } export async function generateMetadata({ - params, + params, }: { - params: Promise<{ locale: string; policyId: string }>; + params: Promise<{ locale: string; policyId: string }>; }): Promise { - const { locale } = await params; + const { locale } = await params; - setStaticParamsLocale(locale); - const t = await getI18n(); + setStaticParamsLocale(locale); + const t = await getI18n(); - return { - title: t("sub_pages.policies.policy_details"), - }; + return { + title: t("sub_pages.policies.policy_details"), + }; } const getPolicy = unstable_cache( - async (policyId: string, organizationId: string) => { - const policy = await db.organizationPolicy.findUnique({ - where: { id: policyId, organizationId }, - include: { - policy: true, - }, - }); - return policy; - }, - ["policy-details"], - { tags: ["policies", "policy-details"] }, + async (policyId: string, organizationId: string) => { + const policy = await db.organizationPolicy.findUnique({ + where: { id: policyId, organizationId }, + include: { + policy: true, + PolicyComments: true, + }, + }); + return policy; + }, + ["policy-details"], + { tags: ["policies", "policy-details"] }, ); const getUsers = unstable_cache( - async (organizationId: string) => { - const users = await db.user.findMany({ - where: { organizationId: organizationId }, - }); + async (organizationId: string) => { + const users = await db.user.findMany({ + where: { organizationId: organizationId }, + }); - return users; - }, - ["users-cache"], + return users; + }, + ["users-cache"], ); diff --git a/apps/app/src/components/forms/policies/create-policy-comment-form.tsx b/apps/app/src/components/forms/policies/create-policy-comment-form.tsx new file mode 100644 index 0000000000..48bd56c97c --- /dev/null +++ b/apps/app/src/components/forms/policies/create-policy-comment-form.tsx @@ -0,0 +1,108 @@ +"use client"; + +import { createPolicyCommentAction } from "@/actions/policies/create-policy-comment"; +import { createPolicyCommentSchema } from "@/actions/schema"; +import { useI18n } from "@/locales/client"; +import { + Accordion, + AccordionContent, + AccordionItem, + AccordionTrigger, +} from "@bubba/ui/accordion"; +import { Button } from "@bubba/ui/button"; +import { + Form, + FormControl, + FormField, + FormItem, + FormMessage, +} from "@bubba/ui/form"; +import { Textarea } from "@bubba/ui/textarea"; +import { zodResolver } from "@hookform/resolvers/zod"; +import { ArrowRightIcon } from "lucide-react"; +import { useAction } from "next-safe-action/hooks"; +import { useParams } from "next/navigation"; +import { useQueryState } from "nuqs"; +import React from "react"; +import { useForm } from "react-hook-form"; +import { toast } from "sonner"; +import type { z } from "zod"; + +export function CreatePolicyCommentForm() { + const t = useI18n(); + const [_, setPolicyCommentSheet] = useQueryState("policy-comment-sheet"); + const params = useParams<{ policyId: string }>(); + + const createPolicyComment = useAction(createPolicyCommentAction, { + onSuccess: () => { + toast.success(t("common.comments.success")); + setPolicyCommentSheet(null); + }, + onError: () => { + toast.error(t("common.comments.error")); + }, + }); + + const form = useForm>({ + resolver: zodResolver(createPolicyCommentSchema), + defaultValues: { + content: "", + policyId: params.policyId, + }, + }); + + const onSubmit = (data: z.infer) => { + createPolicyComment.execute(data); + }; + + return ( +
+ +
+
+ + + {t("common.comments.new")} + +
+ ( + + +