standardize header, save all button for targets, fix update site on resource

src/app/[orgId]/settings/access/users/[userId]/access-controls/page.tsx

@@ -28,6 +28,8 @@ import { ListRolesResponse } from "@server/routers/role";
 import { userOrgUserContext } from "@app/hooks/useOrgUserContext";
 import { useParams } from "next/navigation";
 import { Button } from "@app/components/ui/button";
+import SettingsSectionTitle from "@app/components/SettingsSectionTitle";
+import { formatAxiosError } from "@app/lib/utils";
 
 const formSchema = z.object({
     email: z.string().email({ message: "Please enter a valid email" }),
@@ -60,9 +62,10 @@ export default function AccessControlsPage() {
                     toast({
                         variant: "destructive",
                         title: "Failed to fetch roles",
-                        description:
-                            e.message ||
-                            "An error occurred while fetching the roles",
+                        description: formatAxiosError(
+                            e,
+                            "An error occurred while fetching the roles"
+                        ),
                     });
                 });
 
@@ -87,9 +90,10 @@ export default function AccessControlsPage() {
                 toast({
                     variant: "destructive",
                     title: "Failed to add user to role",
-                    description:
-                        e.response?.data?.message ||
-                        "An error occurred while adding user to the role.",
+                    description: formatAxiosError(
+                        e,
+                        "An error occurred while adding user to the role."
+                    ),
                 });
             });
 
@@ -106,14 +110,11 @@ export default function AccessControlsPage() {
 
     return (
         <>
-            <div className="space-y-0.5 select-none mb-6">
-                <h2 className="text-2xl font-bold tracking-tight">
-                    Access Controls
-                </h2>
-                <p className="text-muted-foreground">
-                    Manage what this user can access and do in the organization
-                </p>
-            </div>
+            <SettingsSectionTitle
+                title="Access Controls"
+                description="Manage what this user can access and do in the organization"
+                size="1xl"
+            />
 
             <Form {...form}>
                 <form

src/app/[orgId]/settings/access/users/[userId]/layout.tsx

@@ -53,7 +53,8 @@ export default async function UserLayoutProps(props: UserLayoutProps) {
                         className="text-muted-foreground hover:underline"
                     >
                         <div className="flex flex-row items-center gap-1">
-                            <ArrowLeft /> <span>All Users</span>
+                            <ArrowLeft className="w-4 h-4" />{" "}
+                            <span>All Users</span>
                         </div>
                     </Link>
                 </div>

src/app/[orgId]/settings/access/users/components/InviteUserForm.tsx

@@ -38,6 +38,7 @@ import {
 } from "@app/components/Credenza";
 import { useOrgContext } from "@app/hooks/useOrgContext";
 import { ListRolesResponse } from "@server/routers/role";
+import { formatAxiosError } from "@app/lib/utils";
 
 type InviteUserFormProps = {
     open: boolean;
@@ -94,9 +95,10 @@ export default function InviteUserForm({ open, setOpen }: InviteUserFormProps) {
                     toast({
                         variant: "destructive",
                         title: "Failed to fetch roles",
-                        description:
-                            e.message ||
-                            "An error occurred while fetching the roles",
+                        description: formatAxiosError(
+                            e,
+                            "An error occurred while fetching the roles"
+                        ),
                     });
                 });
 
@@ -128,9 +130,10 @@ export default function InviteUserForm({ open, setOpen }: InviteUserFormProps) {
                 toast({
                     variant: "destructive",
                     title: "Failed to invite user",
-                    description:
-                        e.response?.data?.message ||
-                        "An error occurred while inviting the user.",
+                    description: formatAxiosError(
+                        e,
+                        "An error occurred while inviting the user"
+                    ),
                 });
             });
 

src/app/[orgId]/settings/access/users/components/UsersTable.tsx

@@ -19,6 +19,7 @@ import { useOrgContext } from "@app/hooks/useOrgContext";
 import { useToast } from "@app/hooks/useToast";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
+import { formatAxiosError } from "@app/lib/utils";
 
 export type UserRow = {
     id: string;
@@ -162,9 +163,10 @@ export default function UsersTable({ users: u }: UsersTableProps) {
                     toast({
                         variant: "destructive",
                         title: "Failed to remove user",
-                        description:
-                            e.message ??
-                            "An error occurred while removing the user.",
+                        description: formatAxiosError(
+                            e,
+                            "An error occurred while removing the user."
+                        ),
                     });
                 });