feat: dataroom settings changes

components/ui/form.tsx

@@ -0,0 +1,91 @@
+import { InputHTMLAttributes, ReactNode, useMemo, useState } from "react";
+
+import { cn } from "@/lib/utils";
+
+import { Button } from "./button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "./card";
+import { Input } from "./input";
+
+export function Form({
+  title,
+  description,
+  inputAttrs,
+  helpText,
+  buttonText = "Save Changes",
+  disabledTooltip,
+  handleSubmit,
+}: {
+  title: string;
+  description: string;
+  inputAttrs: InputHTMLAttributes<HTMLInputElement>;
+  helpText?: string | ReactNode;
+  buttonText?: string;
+  disabledTooltip?: string | ReactNode;
+  handleSubmit: (data: any) => Promise<any>;
+}) {
+  const [value, setValue] = useState(inputAttrs.defaultValue);
+  const [saving, setSaving] = useState(false);
+  const saveDisabled = useMemo(() => {
+    return saving || !value || value === inputAttrs.defaultValue;
+  }, [saving, value, inputAttrs.defaultValue]);
+
+  return (
+    <form
+      onSubmit={async (e) => {
+        e.preventDefault();
+        setSaving(true);
+        await handleSubmit({
+          [inputAttrs.name as string]: value,
+        });
+        setSaving(false);
+      }}
+      className="rounded-lg bg-background"
+    >
+      <Card>
+        <CardHeader>
+          <CardTitle>{title}</CardTitle>
+          <CardDescription>{description}</CardDescription>
+        </CardHeader>
+        <CardContent>
+          {typeof inputAttrs.defaultValue === "string" ? (
+            <Input
+              {...inputAttrs}
+              type={inputAttrs.type || "text"}
+              required
+              disabled={disabledTooltip ? true : false}
+              onChange={(e) => setValue(e.target.value)}
+              className={cn(
+                "w-full max-w-md  focus:border-gray-500 focus:outline-none focus:ring-gray-500 ",
+                {
+                  "cursor-not-allowed bg-gray-100 text-gray-400":
+                    disabledTooltip,
+                },
+              )}
+              data-1p-ignore
+            />
+          ) : (
+            <div className="h-[2.35rem] w-full max-w-md animate-pulse rounded-md bg-gray-200" />
+          )}
+        </CardContent>
+        <CardFooter className="flex items-center justify-between rounded-b-lg border-t bg-muted px-6 py-3">
+          <p className="text-sm text-muted-foreground transition-colors">
+            {helpText || ""}
+          </p>
+
+          <div className="shrink-0">
+            <Button loading={saving} disabled={saveDisabled}>
+              {buttonText}
+            </Button>
+          </div>
+        </CardFooter>
+      </Card>
+    </form>
+  );
+}

pages/api/teams/[teamId]/datarooms/[id]/index.ts

@@ -45,16 +45,61 @@ export default async function handle(
       const dataroom = await prisma.dataroom.findUnique({
         where: {
           id: dataroomId,
+          teamId,
         },
       });
 
+      return res.status(200).json(dataroom);
+    } catch (error) {
+      errorhandler(error, res);
+    }
+  } else if (req.method === "PATCH") {
+    // PATCH /api/teams/:teamId/datarooms/:id
+    const session = await getServerSession(req, res, authOptions);
+    if (!session) {
+      return res.status(401).end("Unauthorized");
+    }
+
+    const { teamId, id: dataroomId } = req.query as {
+      teamId: string;
+      id: string;
+    };
+    const { name } = req.body as { name: string };
+
+    const userId = (session.user as CustomUser).id;
+
+    try {
+      // Check if the user is part of the team
+      const team = await prisma.team.findUnique({
+        where: {
+          id: teamId,
+          users: {
+            some: {
+              userId: userId,
+            },
+          },
+        },
+      });
+
+      if (!team) {
+        return res.status(401).end("Unauthorized");
+      }
+
+      const dataroom = await prisma.dataroom.update({
+        where: {
+          id: dataroomId,
+          teamId,
+        },
+        data: { name },
+      });
+
       return res.status(200).json(dataroom);
     } catch (error) {
       errorhandler(error, res);
     }
   } else {
     // We only allow GET requests
-    res.setHeader("Allow", ["GET"]);
+    res.setHeader("Allow", ["GET", "PATCH"]);
     return res.status(405).end(`Method ${req.method} Not Allowed`);
   }
 }