fix(clerk-js,localizations,types): Add formFieldHintText__slug key (#…

…1811) * fix(clerk-js,localizations,types): Add `formFieldHintText__slug` key Enables you to translate the tooltip hint while creating an organization * fix(localizations): Add german translation * Create cyan-pots-invite.md
clerk · Oct 2, 2023 · 68259a2 · 68259a2
1 parent e592565
commit 68259a2
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 1 deletion.
diff --git a/.changeset/cyan-pots-invite.md b/.changeset/cyan-pots-invite.md
@@ -0,0 +1,7 @@
+---
+"@clerk/clerk-js": patch
+"@clerk/localizations": patch
+"@clerk/types": patch
+---
+
+Enables you to translate the tooltip hint while creating an organization through the `formFieldHintText__slug` key
diff --git a/packages/clerk-js/src/ui/elements/FormControl.tsx b/packages/clerk-js/src/ui/elements/FormControl.tsx
@@ -352,7 +352,7 @@ export const FormControl = forwardRef<HTMLInputElement, PropsWithChildren<FormCo
   const Icon = icon ? (
     <Flex
       as={'span'}
-      title='A slug is a human-readable ID that must be unique.  It’s often used in URLs.'
+      title={t(localizationKeys('formFieldHintText__slug'))}
     >
       <IconCustomizable
         icon={icon}

diff --git a/packages/localizations/src/de-DE.ts b/packages/localizations/src/de-DE.ts
@@ -42,6 +42,8 @@ export const deDE: LocalizationResource = {
     'Der Bestätigungslink ist abgelaufen. Bitte fordern Sie einen neuen Link an.',
   formFieldAction__forgotPassword: 'Passwort vergessen?',
   formFieldHintText__optional: 'Optional',
+  formFieldHintText__slug:
+    'Der Slug ist eine für Menschen lesbare ID. Sie muss einzigartig sein und wird oft in URLs verwendet.',
   formButtonPrimary: 'Fortsetzen',
   signInEnterPasswordTitle: 'Geben Sie Ihr Passwort ein',
   backButton: 'Zurück',

diff --git a/packages/localizations/src/en-US.ts b/packages/localizations/src/en-US.ts
@@ -64,6 +64,7 @@ export const enUS: LocalizationResource = {
   formFieldError__verificationLinkExpired: 'The verification link expired. Please request a new link.',
   formFieldAction__forgotPassword: 'Forgot password?',
   formFieldHintText__optional: 'Optional',
+  formFieldHintText__slug: 'A slug is a human-readable ID that must be unique. It’s often used in URLs.',
   formButtonPrimary: 'Continue',
   signInEnterPasswordTitle: 'Enter your password',
   backButton: 'Back',

diff --git a/packages/types/src/localization.ts b/packages/types/src/localization.ts
@@ -81,6 +81,7 @@ type _LocalizationResource = {
   formFieldError__verificationLinkExpired: LocalizationValue;
   formFieldAction__forgotPassword: LocalizationValue;
   formFieldHintText__optional: LocalizationValue;
+  formFieldHintText__slug: LocalizationValue;
   formButtonPrimary: LocalizationValue;
   signInEnterPasswordTitle: LocalizationValue;
   backButton: LocalizationValue;