fix(quickstart): localize help snackbar (#2701)

Made-with: Cursor

Author: lokanandaprabhu

workspaces/quickstart/.changeset/i18n-quickstart-snackbar.md

@@ -0,0 +1,5 @@
+---
+'@red-hat-developer-hub/backstage-plugin-quickstart': patch
+---
+
+Localize the Quickstart help snackbar message.

workspaces/quickstart/plugins/quickstart/report-alpha.api.md

@@ -48,6 +48,7 @@ export const quickstartTranslationRef: TranslationRef<
     readonly 'steps.findAllLearningPaths.title': string;
     readonly 'steps.findAllLearningPaths.description': string;
     readonly 'steps.findAllLearningPaths.ctaTitle': string;
+    readonly 'snackbar.helpPrompt': string;
     readonly 'dev.pageTitle': string;
     readonly 'dev.pageDescription': string;
     readonly 'dev.drawerControls': string;

workspaces/quickstart/plugins/quickstart/report.api.md

@@ -130,6 +130,7 @@ export const quickstartTranslationRef: TranslationRef<
     readonly 'steps.findAllLearningPaths.title': string;
     readonly 'steps.findAllLearningPaths.description': string;
     readonly 'steps.findAllLearningPaths.ctaTitle': string;
+    readonly 'snackbar.helpPrompt': string;
     readonly 'dev.pageTitle': string;
     readonly 'dev.pageDescription': string;
     readonly 'dev.drawerControls': string;

workspaces/quickstart/plugins/quickstart/src/components/QuickstartDrawerProvider.tsx

@@ -27,6 +27,7 @@ import { QuickstartDrawerContext } from './QuickstartDrawerContext';
 import { QuickstartItemData } from '../types';
 import { filterQuickstartItemsByRole } from '../utils';
 import { useQuickstartRole } from '../hooks/useQuickstartRole';
+import { useTranslation } from '../hooks/useTranslation';
 
 /**
  * Provider component for the Quickstart Drawer functionality
@@ -40,6 +41,7 @@ export const QuickstartDrawerProvider = ({ children }: PropsWithChildren) => {
   const [userKey, setUserKey] = useState<string>('guest');
   const identityApi = useApi(identityApiRef);
   const configApi = useApi(configApiRef);
+  const { t } = useTranslation();
 
   // Determine role once at provider level to avoid re-fetching on drawer open/close
   const { isLoading: roleLoading, userRole } = useQuickstartRole();
@@ -187,7 +189,7 @@ export const QuickstartDrawerProvider = ({ children }: PropsWithChildren) => {
         autoHideDuration={10000}
         onClose={handleNotificationClose}
         anchorOrigin={{ vertical: 'top', horizontal: 'right' }}
-        message="Need help? Visit the Quick Start Guide by clicking on this (?) icon in the header!"
+        message={t('snackbar.helpPrompt')}
         action={
           <IconButton
             size="small"

workspaces/quickstart/plugins/quickstart/src/translations/de.ts

@@ -63,6 +63,8 @@ const quickstartTranslationDe = createTranslationMessages({
     'button.openQuickstartGuide': 'Schnellstartanleitung öffnen',
     'button.closeDrawer': 'Drawer schließen',
     'button.gotIt': 'Verstanden!',
+    'snackbar.helpPrompt':
+      'Brauchen Sie Hilfe? Öffnen Sie die Schnellstartanleitung, indem Sie auf das (?) Symbol in der Kopfzeile klicken!',
     'footer.progress': '{{progress}} % Fortschritt',
     'footer.notStarted': 'Nicht gestartet',
     'footer.hide': 'Ausblenden',

workspaces/quickstart/plugins/quickstart/src/translations/es.ts

@@ -63,6 +63,8 @@ const quickstartTranslationEs = createTranslationMessages({
     'button.openQuickstartGuide': 'Abrir la Guía de inicio rápido',
     'button.closeDrawer': 'Cerrar panel',
     'button.gotIt': '¡Entendido!',
+    'snackbar.helpPrompt':
+      '¿Necesita ayuda? Visite la Guía de inicio rápido haciendo clic en el icono (?) del encabezado.',
     'footer.progress': 'Progreso del {{progress}} %',
     'footer.notStarted': 'No iniciado',
     'footer.hide': 'Ocultar',

workspaces/quickstart/plugins/quickstart/src/translations/fr.ts

@@ -63,6 +63,8 @@ const quickstartTranslationFr = createTranslationMessages({
     'button.openQuickstartGuide': 'Ouvrir le guide de démarrage rapide',
     'button.closeDrawer': 'Fermer le tiroir',
     'button.gotIt': "J'ai compris!",
+    'snackbar.helpPrompt':
+      'Besoin d’aide ? Consultez le guide de démarrage rapide en cliquant sur l’icône (?) dans l’en-tête !',
     'footer.progress': '{{progress}}% de progrès',
     'footer.notStarted': 'Non démarré',
     'footer.hide': 'Cacher',

workspaces/quickstart/plugins/quickstart/src/translations/it.ts

@@ -65,6 +65,8 @@ const quickstartTranslationIt = createTranslationMessages({
     'button.openQuickstartGuide': "Apri la Guida all'avvio rapido",
     'button.closeDrawer': 'Chiudi riquadro',
     'button.gotIt': 'Ho capito!',
+    'snackbar.helpPrompt':
+      "Hai bisogno di aiuto? Apri la Guida all'avvio rapido facendo clic sull'icona (?) nell'intestazione.",
     'footer.progress': '{{progress}}% di avanzamento',
     'footer.notStarted': 'Non iniziato',
     'footer.hide': 'Nascondi',

workspaces/quickstart/plugins/quickstart/src/translations/ja.ts

@@ -63,6 +63,8 @@ const quickstartTranslationJa = createTranslationMessages({
     'button.openQuickstartGuide': 'クイックスタートガイドを開く',
     'button.closeDrawer': 'ドロワーを閉じる',
     'button.gotIt': '了解しました!',
+    'snackbar.helpPrompt':
+      'ヘルプが必要ですか? ヘッダーの (?) アイコンをクリックしてクイックスタートガイドを開いてください。',
     'footer.progress': '進捗 {{progress}}%',
     'footer.notStarted': '開始されていません',
     'footer.hide': '非表示',

workspaces/quickstart/plugins/quickstart/src/translations/ref.ts

@@ -82,6 +82,10 @@ export const quickstartMessages = {
     closeDrawer: 'Close Drawer',
     gotIt: 'Got it!',
   },
+  snackbar: {
+    helpPrompt:
+      'Need help? Visit the Quick Start Guide by clicking on this (?) icon in the header!',
+  },
   footer: {
     progress: '{{progress}}% progress',
     notStarted: 'Not started',