fixes

Author: lucasgoral

cypress/support/commands.ts

@@ -1,2 +1,2 @@
 import '@ui5/webcomponents-cypress-commands';
-import "./../../i18n.js";
+import "../../i18n";

i18n.js renamed to i18n.ts

@@ -1,4 +1,4 @@
-import i18n, { loadResources } from 'i18next';
+import i18n from 'i18next';
 import { initReactI18next } from 'react-i18next';
 
 import translationEN from './public/locales/en.json'

public/locales/en.json

@@ -143,5 +143,10 @@
   },
   "main": {
     "failedMessage": "Failed to load frontend configuration"
+  },
+  "validationErrors": {
+    "required": "This field is required",
+    "properFormatting": "Use A-Z, a-z, 0-9, hyphen (-), and period (.), but note that whitespace (spaces, tabs, etc.) is not allowed for proper compatibility.",
+    "max25chars": "Max length is 25 characters"
   }
 }

src/lib/api/validations/schemas.ts

@@ -1,14 +1,20 @@
 import {z} from "zod";
 import {MemberRoles} from "../types/shared/members.ts";
+import i18n from '../../../../i18n.ts'
 
+
+
+
+
+const { t } = i18n;
 export const MemberSchema = z.object({
-  kind: z.string().min(1, "Kind is required"),
-  name: z.string().min(1, "Name is required"),
-  roles: z.array(z.nativeEnum(MemberRoles)).min(1, "At least one role is required"),
+  kind: z.string().min(1, t("validationErrors.required")),
+  name: z.string().min(1, t("validationErrors.required")),
+  roles: z.array(z.nativeEnum(MemberRoles)).min(1, t("validationErrors.required")),
 });
 
 export const validationSchemaProjectWorkspace = z.object({
-  name: z.string().min(1, "This field is required").regex(/^(?!-)[a-zA-Z0-9-]{1,63}(?<!-)(?:\.(?!-)[a-zA-Z0-9-]{1,63}(?<!-))*$/, 'Use A-Z, a-z, 0-9, hyphen (-), and period (.), but note that whitespace (spaces, tabs, etc.) is not allowed for proper compatibility.').max(25, 'Max length is 25 characters'),
+  name: z.string().min(1, t("validationErrors.required")).regex(/^(?!-)[a-zA-Z0-9-]{1,63}(?<!-)(?:\.(?!-)[a-zA-Z0-9-]{1,63}(?<!-))*$/, t("validationErrors.properFormatting")).max(25, t("validationErrors.max25chars")),
   displayName: z.string().optional(),
   chargingTarget: z.string().optional(),
   members: z.array(MemberSchema).nonempty()

src/main.tsx

@@ -11,7 +11,7 @@ import { CopyButtonProvider } from './context/CopyButtonContext.tsx';
 import { FrontendConfigProvider, LoadFrontendConfig } from "./context/FrontendConfigContext.tsx";
 import '@ui5/webcomponents-react/dist/Assets'; //used for loading themes
 import { DarkModeSystemSwitcher } from "./components/Core/DarkModeSystemSwitcher.tsx";
-import ".././i18n";
+import ".././i18n.ts";
 import "./utils/i18n/timeAgo";
 import { useTranslation } from "react-i18next";