first fixes

src/app/[orgId]/settings/access/roles/CreateRoleForm.tsx

@@ -39,10 +39,8 @@ type CreateRoleFormProps = {
     afterCreate?: (res: CreateRoleResponse) => Promise<void>;
 };
 
-const t = useTranslations();
-
 const formSchema = z.object({
-    name: z.string({ message: t('accessRoleNameRequired') }).max(32),
+    name: z.string({ message: "Name is required" }).max(32),
     description: z.string().max(255).optional()
 });
 
@@ -52,6 +50,7 @@ export default function CreateRoleForm({
     afterCreate
 }: CreateRoleFormProps) {
     const { org } = useOrgContext();
+    const t = useTranslations();
 
     const [loading, setLoading] = useState(false);
 

src/app/[orgId]/settings/access/roles/DeleteRoleForm.tsx

@@ -47,10 +47,8 @@ type CreateRoleFormProps = {
     afterDelete?: () => void;
 };
 
-const t = useTranslations();
-
 const formSchema = z.object({
-    newRoleId: z.string({ message: t('accessRoleErrorNewRequired') })
+    newRoleId: z.string({ message: "New role is required" })
 });
 
 export default function DeleteRoleForm({
@@ -60,6 +58,7 @@ export default function DeleteRoleForm({
     afterDelete
 }: CreateRoleFormProps) {
     const { org } = useOrgContext();
+    const t = useTranslations();
 
     const [loading, setLoading] = useState(false);
     const [roles, setRoles] = useState<ListRolesResponse["roles"]>([]);

src/app/[orgId]/settings/access/users/create/page.tsx

@@ -60,30 +60,28 @@ interface IdpOption {
     type: string;
 }
 
-const t = useTranslations();
-
 const internalFormSchema = z.object({
-    email: z.string().email({ message: t('emailInvalid') }),
-    validForHours: z.string().min(1, { message: t('inviteValidityDuration') }),
-    roleId: z.string().min(1, { message: t('accessRoleSelectPlease') })
+    email: z.string().email({ message: "Invalid email address" }),
+    validForHours: z.string().min(1, { message: "Please select a duration" }),
+    roleId: z.string().min(1, { message: "Please select a role" })
 });
 
 const externalFormSchema = z.object({
-    username: z.string().min(1, { message: t('usernameRequired') }),
+    username: z.string().min(1, { message: "Username is required" }),
     email: z
         .string()
-        .email({ message: t('emailInvalid') })
+        .email({ message: "Invalid email address" })
         .optional()
         .or(z.literal("")),
     name: z.string().optional(),
-    roleId: z.string().min(1, { message: t('accessRoleSelectPlease') }),
-    idpId: z.string().min(1, { message: t('idpSelectPlease') })
+    roleId: z.string().min(1, { message: "Please select a role" }),
+    idpId: z.string().min(1, { message: "Please select an identity provider" })
 });
 
 const formatIdpType = (type: string) => {
     switch (type.toLowerCase()) {
         case "oidc":
-            return t('idpGenericOidc');
+            return "Generic OAuth2/OIDC provider.";
         default:
             return type;
     }
@@ -94,6 +92,7 @@ export default function Page() {
     const router = useRouter();
     const { env } = useEnvContext();
     const api = createApiClient({ env });
+    const t = useTranslations();
 
     const [userType, setUserType] = useState<UserType | null>("internal");
     const [inviteLink, setInviteLink] = useState<string | null>(null);
@@ -351,7 +350,7 @@ export default function Page() {
                             <SettingsSection>
                                 <SettingsSectionHeader>
                                     <SettingsSectionTitle>
-                                        {t('userInfo')}
+                                        {t('userSettings')}
                                     </SettingsSectionTitle>
                                     <SettingsSectionDescription>
                                         {t('userSettingsDescription')}

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

@@ -11,7 +11,6 @@ import { verifySession } from "@app/lib/auth/verifySession";
 import AccessPageHeaderAndNav from "../AccessPageHeaderAndNav";
 import SettingsSectionTitle from "@app/components/SettingsSectionTitle";
 import { getTranslations } from 'next-intl/server';
-import { useTranslations } from "next-intl";
 
 type UsersPageProps = {
     params: Promise<{ orgId: string }>;
@@ -24,8 +23,7 @@ export default async function UsersPage(props: UsersPageProps) {
 
     const getUser = cache(verifySession);
     const user = await getUser();
-
-    const t = useTranslations();
+    const t = await getTranslations();
 
     let users: ListUsersResponse["users"] = [];
     let hasInvitations = false;