From 01db49d4daee6d7e9f74dc763f5b04c23d907723 Mon Sep 17 00:00:00 2001
From: Lokananda Prabhu <lprabhu@redhat.com>
Date: Mon, 6 Apr 2026 14:18:41 +0530
Subject: [PATCH] fix(quickstart): localize help snackbar

Made-with: Cursor
---
 workspaces/quickstart/.changeset/i18n-quickstart-snackbar.md | 5 +++++
 workspaces/quickstart/plugins/quickstart/report-alpha.api.md | 1 +
 workspaces/quickstart/plugins/quickstart/report.api.md       | 1 +
 .../quickstart/src/components/QuickstartDrawerProvider.tsx   | 4 +++-
 .../quickstart/plugins/quickstart/src/translations/de.ts     | 2 ++
 .../quickstart/plugins/quickstart/src/translations/es.ts     | 2 ++
 .../quickstart/plugins/quickstart/src/translations/fr.ts     | 2 ++
 .../quickstart/plugins/quickstart/src/translations/it.ts     | 2 ++
 .../quickstart/plugins/quickstart/src/translations/ja.ts     | 2 ++
 .../quickstart/plugins/quickstart/src/translations/ref.ts    | 4 ++++
 10 files changed, 24 insertions(+), 1 deletion(-)
 create mode 100644 workspaces/quickstart/.changeset/i18n-quickstart-snackbar.md

diff --git a/workspaces/quickstart/.changeset/i18n-quickstart-snackbar.md b/workspaces/quickstart/.changeset/i18n-quickstart-snackbar.md
new file mode 100644
index 0000000000..6ed86b7ab1
--- /dev/null
+++ b/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.
diff --git a/workspaces/quickstart/plugins/quickstart/report-alpha.api.md b/workspaces/quickstart/plugins/quickstart/report-alpha.api.md
index c15e388b55..4b0d85125f 100644
--- a/workspaces/quickstart/plugins/quickstart/report-alpha.api.md
+++ b/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;
diff --git a/workspaces/quickstart/plugins/quickstart/report.api.md b/workspaces/quickstart/plugins/quickstart/report.api.md
index e6dd663e67..7968243492 100644
--- a/workspaces/quickstart/plugins/quickstart/report.api.md
+++ b/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;
diff --git a/workspaces/quickstart/plugins/quickstart/src/components/QuickstartDrawerProvider.tsx b/workspaces/quickstart/plugins/quickstart/src/components/QuickstartDrawerProvider.tsx
index 842f1edb34..5f23ce4549 100644
--- a/workspaces/quickstart/plugins/quickstart/src/components/QuickstartDrawerProvider.tsx
+++ b/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"
diff --git a/workspaces/quickstart/plugins/quickstart/src/translations/de.ts b/workspaces/quickstart/plugins/quickstart/src/translations/de.ts
index df7fb3967b..54e8879679 100644
--- a/workspaces/quickstart/plugins/quickstart/src/translations/de.ts
+++ b/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',
diff --git a/workspaces/quickstart/plugins/quickstart/src/translations/es.ts b/workspaces/quickstart/plugins/quickstart/src/translations/es.ts
index 05591b64a4..ee97ecf8a2 100644
--- a/workspaces/quickstart/plugins/quickstart/src/translations/es.ts
+++ b/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',
diff --git a/workspaces/quickstart/plugins/quickstart/src/translations/fr.ts b/workspaces/quickstart/plugins/quickstart/src/translations/fr.ts
index 0942a73495..dd74fc7b95 100644
--- a/workspaces/quickstart/plugins/quickstart/src/translations/fr.ts
+++ b/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',
diff --git a/workspaces/quickstart/plugins/quickstart/src/translations/it.ts b/workspaces/quickstart/plugins/quickstart/src/translations/it.ts
index e26448e4e6..9576172f5c 100644
--- a/workspaces/quickstart/plugins/quickstart/src/translations/it.ts
+++ b/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',
diff --git a/workspaces/quickstart/plugins/quickstart/src/translations/ja.ts b/workspaces/quickstart/plugins/quickstart/src/translations/ja.ts
index a581cf5d05..515005e510 100644
--- a/workspaces/quickstart/plugins/quickstart/src/translations/ja.ts
+++ b/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': '非表示',
diff --git a/workspaces/quickstart/plugins/quickstart/src/translations/ref.ts b/workspaces/quickstart/plugins/quickstart/src/translations/ref.ts
index ff7f7d1c84..127f909552 100644
--- a/workspaces/quickstart/plugins/quickstart/src/translations/ref.ts
+++ b/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',