minor visual enhancements

2026-03-09 12:16:36 +00:00 · 2025-03-01 17:45:38 -05:00
parent 89a59b25fc
commit 0e38f58a7f
37 changed files with 1195 additions and 1154 deletions
--- a/src/app/[orgId]/settings/access/roles/CreateRoleForm.tsx
+++ b/src/app/[orgId]/settings/access/roles/CreateRoleForm.tsx
@@ -7,7 +7,7 @@ import {
    FormField,
    FormItem,
    FormLabel,
-    FormMessage,
+    FormMessage
 } from "@app/components/ui/form";
 import { Input } from "@app/components/ui/input";
 import { toast } from "@app/hooks/useToast";
@@ -24,11 +24,11 @@ import {
    CredenzaDescription,
    CredenzaFooter,
    CredenzaHeader,
-    CredenzaTitle,
+    CredenzaTitle
 } from "@app/components/Credenza";
 import { useOrgContext } from "@app/hooks/useOrgContext";
 import { CreateRoleBody, CreateRoleResponse } from "@server/routers/role";
-import { formatAxiosError } from "@app/lib/api";;
+import { formatAxiosError } from "@app/lib/api";
 import { createApiClient } from "@app/lib/api";
 import { useEnvContext } from "@app/hooks/useEnvContext";

@@ -40,13 +40,13 @@ type CreateRoleFormProps = {

 const formSchema = z.object({
    name: z.string({ message: "Name is required" }).max(32),
-    description: z.string().max(255).optional(),
+    description: z.string().max(255).optional()
 });

 export default function CreateRoleForm({
    open,
    setOpen,
-    afterCreate,
+    afterCreate
 }: CreateRoleFormProps) {
    const { org } = useOrgContext();

@@ -58,8 +58,8 @@ export default function CreateRoleForm({
        resolver: zodResolver(formSchema),
        defaultValues: {
            name: "",
-            description: "",
-        },
+            description: ""
+        }
    });

    async function onSubmit(values: z.infer<typeof formSchema>) {
@@ -70,7 +70,7 @@ export default function CreateRoleForm({
                `/org/${org?.org.orgId}/role`,
                {
                    name: values.name,
-                    description: values.description,
+                    description: values.description
                } as CreateRoleBody
            )
            .catch((e) => {
@@ -80,7 +80,7 @@ export default function CreateRoleForm({
                    description: formatAxiosError(
                        e,
                        "An error occurred while creating the role."
-                    ),
+                    )
                });
            });

@@ -88,7 +88,7 @@ export default function CreateRoleForm({
            toast({
                variant: "default",
                title: "Role created",
-                description: "The role has been successfully created.",
+                description: "The role has been successfully created."
            });

            if (open) {
@@ -135,9 +135,7 @@ export default function CreateRoleForm({
                                        <FormItem>
                                            <FormLabel>Role Name</FormLabel>
                                            <FormControl>
-                                                <Input
-                                                    {...field}
-                                                />
+                                                <Input {...field} />
                                            </FormControl>
                                            <FormMessage />
                                        </FormItem>
@@ -150,9 +148,7 @@ export default function CreateRoleForm({
                                        <FormItem>
                                            <FormLabel>Description</FormLabel>
                                            <FormControl>
-                                                <Input
-                                                    {...field}
-                                                />
+                                                <Input {...field} />
                                            </FormControl>
                                            <FormMessage />
                                        </FormItem>
@@ -162,6 +158,9 @@ export default function CreateRoleForm({
                        </Form>
                    </CredenzaBody>
                    <CredenzaFooter>
+                        <CredenzaClose asChild>
+                            <Button variant="outline">Close</Button>
+                        </CredenzaClose>
                        <Button
                            type="submit"
                            form="create-role-form"
@@ -170,9 +169,6 @@ export default function CreateRoleForm({
                        >
                            Create Role
                        </Button>
-                        <CredenzaClose asChild>
-                            <Button variant="outline">Close</Button>
-                        </CredenzaClose>
                    </CredenzaFooter>
                </CredenzaContent>
            </Credenza>
--- a/src/app/[orgId]/settings/access/roles/DeleteRoleForm.tsx
+++ b/src/app/[orgId]/settings/access/roles/DeleteRoleForm.tsx
@@ -7,7 +7,7 @@ import {
    FormField,
    FormItem,
    FormLabel,
-    FormMessage,
+    FormMessage
 } from "@app/components/ui/form";
 import { toast } from "@app/hooks/useToast";
 import { zodResolver } from "@hookform/resolvers/zod";
@@ -23,7 +23,7 @@ import {
    CredenzaDescription,
    CredenzaFooter,
    CredenzaHeader,
-    CredenzaTitle,
+    CredenzaTitle
 } from "@app/components/Credenza";
 import { useOrgContext } from "@app/hooks/useOrgContext";
 import { ListRolesResponse } from "@server/routers/role";
@@ -32,10 +32,10 @@ import {
    SelectContent,
    SelectItem,
    SelectTrigger,
-    SelectValue,
+    SelectValue
 } from "@app/components/ui/select";
 import { RoleRow } from "./RolesTable";
-import { formatAxiosError } from "@app/lib/api";;
+import { formatAxiosError } from "@app/lib/api";
 import { createApiClient } from "@app/lib/api";
 import { useEnvContext } from "@app/hooks/useEnvContext";

@@ -47,14 +47,14 @@ type CreateRoleFormProps = {
 };

 const formSchema = z.object({
-    newRoleId: z.string({ message: "New role is required" }),
+    newRoleId: z.string({ message: "New role is required" })
 });

 export default function DeleteRoleForm({
    open,
    roleToDelete,
    setOpen,
-    afterDelete,
+    afterDelete
 }: CreateRoleFormProps) {
    const { org } = useOrgContext();

@@ -66,9 +66,9 @@ export default function DeleteRoleForm({
    useEffect(() => {
        async function fetchRoles() {
            const res = await api
-                .get<AxiosResponse<ListRolesResponse>>(
-                    `/org/${org?.org.orgId}/roles`
-                )
+                .get<
+                    AxiosResponse<ListRolesResponse>
+                >(`/org/${org?.org.orgId}/roles`)
                .catch((e) => {
                    console.error(e);
                    toast({
@@ -77,7 +77,7 @@ export default function DeleteRoleForm({
                        description: formatAxiosError(
                            e,
                            "An error occurred while fetching the roles"
-                        ),
+                        )
                    });
                });

@@ -96,8 +96,8 @@ export default function DeleteRoleForm({
    const form = useForm<z.infer<typeof formSchema>>({
        resolver: zodResolver(formSchema),
        defaultValues: {
-            newRoleId: "",
-        },
+            newRoleId: ""
+        }
    });

    async function onSubmit(values: z.infer<typeof formSchema>) {
@@ -106,8 +106,8 @@ export default function DeleteRoleForm({
        const res = await api
            .delete(`/role/${roleToDelete.roleId}`, {
                data: {
-                    roleId: values.newRoleId,
-                },
+                    roleId: values.newRoleId
+                }
            })
            .catch((e) => {
                toast({
@@ -116,7 +116,7 @@ export default function DeleteRoleForm({
                    description: formatAxiosError(
                        e,
                        "An error occurred while removing the role."
-                    ),
+                    )
                });
            });

@@ -124,7 +124,7 @@ export default function DeleteRoleForm({
            toast({
                variant: "default",
                title: "Role removed",
-                description: "The role has been successfully removed.",
+                description: "The role has been successfully removed."
            });

            if (open) {
@@ -214,6 +214,9 @@ export default function DeleteRoleForm({
                        </div>
                    </CredenzaBody>
                    <CredenzaFooter>
+                        <CredenzaClose asChild>
+                            <Button variant="outline">Close</Button>
+                        </CredenzaClose>
                        <Button
                            type="submit"
                            form="remove-role-form"
@@ -222,9 +225,6 @@ export default function DeleteRoleForm({
                        >
                            Remove Role
                        </Button>
-                        <CredenzaClose asChild>
-                            <Button variant="outline">Close</Button>
-                        </CredenzaClose>
                    </CredenzaFooter>
                </CredenzaContent>
            </Credenza>
--- a/src/app/[orgId]/settings/access/users/InviteUserForm.tsx
+++ b/src/app/[orgId]/settings/access/users/InviteUserForm.tsx
@@ -37,7 +37,7 @@ import {
 } from "@app/components/Credenza";
 import { useOrgContext } from "@app/hooks/useOrgContext";
 import { ListRolesResponse } from "@server/routers/role";
-import { formatAxiosError } from "@app/lib/api";;
+import { formatAxiosError } from "@app/lib/api";
 import { createApiClient } from "@app/lib/api";
 import { useEnvContext } from "@app/hooks/useEnvContext";
 import { Checkbox } from "@app/components/ui/checkbox";
@@ -194,9 +194,7 @@ export default function InviteUserForm({ open, setOpen }: InviteUserFormProps) {
                                                <FormItem>
                                                    <FormLabel>Email</FormLabel>
                                                    <FormControl>
-                                                        <Input
-                                                            {...field}
-                                                        />
+                                                        <Input {...field} />
                                                    </FormControl>
                                                    <FormMessage />
                                                </FormItem>
@@ -340,6 +338,9 @@ export default function InviteUserForm({ open, setOpen }: InviteUserFormProps) {
                        </div>
                    </CredenzaBody>
                    <CredenzaFooter>
+                        <CredenzaClose asChild>
+                            <Button variant="outline">Close</Button>
+                        </CredenzaClose>
                        <Button
                            type="submit"
                            form="invite-user-form"
@@ -348,9 +349,6 @@ export default function InviteUserForm({ open, setOpen }: InviteUserFormProps) {
                        >
                            Create Invitation
                        </Button>
-                        <CredenzaClose asChild>
-                            <Button variant="outline">Close</Button>
-                        </CredenzaClose>
                    </CredenzaFooter>
                </CredenzaContent>
            </Credenza>
--- a/src/app/[orgId]/settings/access/users/UsersTable.tsx
+++ b/src/app/[orgId]/settings/access/users/UsersTable.tsx
@@ -185,7 +185,7 @@ export default function UsersTable({ users: u }: UsersTableProps) {
                            <Link
                                href={`/${org?.org.orgId}/settings/access/users/${userRow.id}`}
                            >
-                                <Button variant={"outline"} className="ml-2">
+                                <Button variant={"outlinePrimary"} className="ml-2">
                                    Manage
                                    <ArrowRight className="ml-2 w-4 h-4" />
                                </Button>
--- a/src/app/[orgId]/settings/access/users/[userId]/layout.tsx
+++ b/src/app/[orgId]/settings/access/users/[userId]/layout.tsx
@@ -64,7 +64,7 @@ export default async function UserLayoutProps(props: UserLayoutProps) {
                    </Breadcrumb>
                </div>

-                <div className="space-y-0.5 select-none mb-6">
+                <div className="space-y-0.5 mb-6">
                    <h2 className="text-2xl font-bold tracking-tight">
                        User {user?.email}
                    </h2>