From dabcaf68750fcb2993d04fd5ec3965b3cdb53db2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sondre=20Engebr=C3=A5ten?= <sondre@valdresdronetjenester.no>
Date: Fri, 13 Feb 2026 19:20:51 +0100
Subject: [PATCH] fix(issues): replace hardcoded strings with i18n keys in
 InvestigationProgressBar

- Fix "Failed" and "Task" hardcoded strings using useTranslation
- Addresses i18n compliance requirement from self-review

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../github-issues/components/InvestigationProgressBar.tsx  | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/apps/frontend/src/renderer/components/github-issues/components/InvestigationProgressBar.tsx b/apps/frontend/src/renderer/components/github-issues/components/InvestigationProgressBar.tsx
index 3ea0d7f2..54a6e2e2 100644
--- a/apps/frontend/src/renderer/components/github-issues/components/InvestigationProgressBar.tsx
+++ b/apps/frontend/src/renderer/components/github-issues/components/InvestigationProgressBar.tsx
@@ -1,4 +1,5 @@
 import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
 import { CheckCircle2, ExternalLink } from 'lucide-react';
 import type { InvestigationState } from '@shared/types';
 
@@ -23,6 +24,8 @@ export const InvestigationProgressBar = memo(function InvestigationProgressBar({
   linkedTaskId,
   onViewTask,
 }: InvestigationProgressBarProps) {
+  const { t } = useTranslation('common');
+
   // Nothing to show for new issues
   if (state === 'new') return null;
 
@@ -47,7 +50,7 @@ export const InvestigationProgressBar = memo(function InvestigationProgressBar({
     return (
       <div className="flex items-center gap-1 mt-1.5">
         <div className="h-1.5 w-1.5 rounded-full bg-red-500" />
-        <span className="text-[10px] text-red-500">Failed</span>
+        <span className="text-[10px] text-red-500">{t('investigation.progress.failed', 'Failed')}</span>
       </div>
     );
   }
@@ -66,7 +69,7 @@ export const InvestigationProgressBar = memo(function InvestigationProgressBar({
           className="flex items-center gap-0.5 text-[10px] text-primary hover:underline"
         >
           <ExternalLink className="h-2.5 w-2.5" />
-          Task
+          {t('common:task', 'Task')}
         </button>
       )}
     </div>