I18n orgId/settings (#21)

* New translation keys in en-US locale * New translation keys in de-DE locale * New translation keys in fr-FR locale * New translation keys in it-IT locale * New translation keys in pl-PL locale * New translation keys in pt-PT locale * New translation keys in tr-TR locale * Add translation keys if settings/resources/resourceId/authentication * New translation keys in en-US locale * New translation keys in de-DE locale * New translation keys in fr-FR locale * New translation keys in it-IT locale * New translation keys in pl-PL locale * New translation keys in pt-PT locale * New translation keys in tr-TR locale * Add translation keys if settings/resources/resourceId/general * Small naming fix * New translation keys in en-US locale * New translation keys in de-DE locale * New translation keys in fr-FR locale * New translation keys in it-IT locale * New translation keys in pl-PL locale * New translation keys in pt-PT locale * New translation keys in tr-TR locale * Add translation keys if settings/access/roles * New translation keys in en-US locale * New translation keys in de-DE locale * New translation keys in fr-FR locale * New translation keys in it-IT locale * New translation keys in pl-PL locale * New translation keys in pt-PT locale * New translation keys in tr-TR locale * Add translation keys in orgId/settings * Fixes after merge * Fixes after merge * Fixes after merge * Small fix * Fix build
2026-05-02 02:28:04 +00:00 · 2025-05-17 18:49:01 +03:00
parent 6f54e3da9e
commit 96bfc3cf36
49 changed files with 2749 additions and 590 deletions
--- a/src/app/[orgId]/settings/access/roles/CreateRoleForm.tsx
+++ b/src/app/[orgId]/settings/access/roles/CreateRoleForm.tsx
@@ -31,6 +31,7 @@ import { CreateRoleBody, CreateRoleResponse } from "@server/routers/role";
 import { formatAxiosError } from "@app/lib/api";
 import { createApiClient } from "@app/lib/api";
 import { useEnvContext } from "@app/hooks/useEnvContext";
+import { useTranslations } from "next-intl";

 type CreateRoleFormProps = {
    open: boolean;
@@ -38,8 +39,10 @@ type CreateRoleFormProps = {
    afterCreate?: (res: CreateRoleResponse) => Promise<void>;
 };

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

@@ -76,10 +79,10 @@ export default function CreateRoleForm({
            .catch((e) => {
                toast({
                    variant: "destructive",
-                    title: "Failed to create role",
+                    title: t('accessRoleErrorCreate'),
                    description: formatAxiosError(
                        e,
-                        "An error occurred while creating the role."
+                        t('accessRoleErrorCreateDescription')
                    )
                });
            });
@@ -87,8 +90,8 @@ export default function CreateRoleForm({
        if (res && res.status === 201) {
            toast({
                variant: "default",
-                title: "Role created",
-                description: "The role has been successfully created."
+                title: t('accessRoleCreated'),
+                description: t('accessRoleCreatedDescription')
            });

            if (open) {
@@ -115,10 +118,9 @@ export default function CreateRoleForm({
            >
                <CredenzaContent>
                    <CredenzaHeader>
-                        <CredenzaTitle>Create Role</CredenzaTitle>
+                        <CredenzaTitle>{t('accessRoleCreate')}</CredenzaTitle>
                        <CredenzaDescription>
-                            Create a new role to group users and manage their
-                            permissions.
+                            {t('accessRoleCreateDescription')}
                        </CredenzaDescription>
                    </CredenzaHeader>
                    <CredenzaBody>
@@ -133,7 +135,7 @@ export default function CreateRoleForm({
                                    name="name"
                                    render={({ field }) => (
                                        <FormItem>
-                                            <FormLabel>Role Name</FormLabel>
+                                            <FormLabel>{t('accessRoleName')}</FormLabel>
                                            <FormControl>
                                                <Input {...field} />
                                            </FormControl>
@@ -146,7 +148,7 @@ export default function CreateRoleForm({
                                    name="description"
                                    render={({ field }) => (
                                        <FormItem>
-                                            <FormLabel>Description</FormLabel>
+                                            <FormLabel>{t('description')}</FormLabel>
                                            <FormControl>
                                                <Input {...field} />
                                            </FormControl>
@@ -159,7 +161,7 @@ export default function CreateRoleForm({
                    </CredenzaBody>
                    <CredenzaFooter>
                        <CredenzaClose asChild>
-                            <Button variant="outline">Close</Button>
+                            <Button variant="outline">{t('close')}</Button>
                        </CredenzaClose>
                        <Button
                            type="submit"
@@ -167,7 +169,7 @@ export default function CreateRoleForm({
                            loading={loading}
                            disabled={loading}
                        >
-                            Create Role
+                            {t('accessRoleCreateSubmit')}
                        </Button>
                    </CredenzaFooter>
                </CredenzaContent>