From 9485869f451533f59767185c6b17931165bd308d Mon Sep 17 00:00:00 2001
From: Igor Katsuba <igor@katsuba.dev>
Date: Mon, 6 May 2024 22:22:11 +0300
Subject: [PATCH] fix(web): readonly name and slug fields in workspace settings

---
 .../settings/notifications/page.tsx           | 27 +------------
 .../[workspaceSlug]/settings/page.tsx         | 40 ++++++++++++++++++-
 2 files changed, 39 insertions(+), 28 deletions(-)

diff --git a/apps/web/app/app/(dashboard)/[workspaceSlug]/settings/notifications/page.tsx b/apps/web/app/app/(dashboard)/[workspaceSlug]/settings/notifications/page.tsx
index f725537..4c99a99 100644
--- a/apps/web/app/app/(dashboard)/[workspaceSlug]/settings/notifications/page.tsx
+++ b/apps/web/app/app/(dashboard)/[workspaceSlug]/settings/notifications/page.tsx
@@ -17,7 +17,6 @@ import { Switch } from '@saasfy/ui/switch';
 import { toast } from '@saasfy/ui/use-toast';
 
 const FormSchema = z.object({
-  marketing_emails: z.boolean().default(false).optional(),
   security_emails: z.boolean(),
 });
 
@@ -30,14 +29,7 @@ export default function Notifications() {
   });
 
   function onSubmit(data: z.infer<typeof FormSchema>) {
-    toast({
-      title: 'You submitted the following values:',
-      description: (
-        <pre className="mt-2 w-[340px] rounded-md bg-slate-950 p-4">
-          <code className="text-white">{JSON.stringify(data, null, 2)}</code>
-        </pre>
-      ),
-    });
+    console.log(data);
   }
 
   return (
@@ -46,23 +38,6 @@ export default function Notifications() {
         <div>
           <h3 className="mb-4 text-lg font-medium">Email Notifications</h3>
           <div className="space-y-4">
-            <FormField
-              control={form.control}
-              name="marketing_emails"
-              render={({ field }) => (
-                <FormItem className="flex flex-row items-center justify-between rounded-lg border p-4">
-                  <div className="space-y-0.5">
-                    <FormLabel className="text-base">Marketing emails</FormLabel>
-                    <FormDescription>
-                      Receive emails about new products, features, and more.
-                    </FormDescription>
-                  </div>
-                  <FormControl>
-                    <Switch checked={field.value} onCheckedChange={field.onChange} />
-                  </FormControl>
-                </FormItem>
-              )}
-            />
             <FormField
               control={form.control}
               name="security_emails"
diff --git a/apps/web/app/app/(dashboard)/[workspaceSlug]/settings/page.tsx b/apps/web/app/app/(dashboard)/[workspaceSlug]/settings/page.tsx
index b014616..f268128 100644
--- a/apps/web/app/app/(dashboard)/[workspaceSlug]/settings/page.tsx
+++ b/apps/web/app/app/(dashboard)/[workspaceSlug]/settings/page.tsx
@@ -1,3 +1,6 @@
+import { redirect } from 'next/navigation';
+
+import { createAdminClient, getUser } from '@saasfy/supabase/server';
 import { Button } from '@saasfy/ui/button';
 import {
   Card,
@@ -9,7 +12,26 @@ import {
 } from '@saasfy/ui/card';
 import { Input } from '@saasfy/ui/input';
 
-export default function Settings() {
+export default async function Settings({ params }: { params: { workspaceSlug: string } }) {
+  const user = await getUser();
+
+  if (!user) {
+    return redirect('/login');
+  }
+
+  const supabase = createAdminClient();
+
+  const { data: workspace } = await supabase
+    .from('workspaces')
+    .select('*, workspace_users(*)')
+    .eq('slug', params.workspaceSlug)
+    .eq('workspace_users.user_id', user.id)
+    .single();
+
+  if (!workspace) {
+    return redirect('/not-found');
+  }
+
   return (
     <>
       <Card>
@@ -19,7 +41,21 @@ export default function Settings() {
         </CardHeader>
         <CardContent>
           <form>
-            <Input />
+            <Input defaultValue={workspace.name} readOnly />
+          </form>
+        </CardContent>
+        <CardFooter className="border-t px-6 py-4">
+          <Button>Save</Button>
+        </CardFooter>
+      </Card>
+      <Card>
+        <CardHeader>
+          <CardTitle>Workspace Slug</CardTitle>
+          <CardDescription>The slug of your workspace</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <form>
+            <Input defaultValue={workspace.slug} readOnly />
           </form>
         </CardContent>
         <CardFooter className="border-t px-6 py-4">