fix: do not show translation warning for EN (#583)

web/src/components/profile/settings.test.tsx

@@ -19,7 +19,7 @@ beforeEach(() => {
   (redux.useSelector as jest.Mock).mockImplementation(() => ({
     showErrorMessage: false,
     skippedSentences: [1],
-    currentUiLanguage: 'en',
+    currentUILocale: 'en',
     allLanguages: [],
   }));
 });
@@ -34,6 +34,24 @@ test('should render ui language section', async () => {
   expect(screen.getByText('Interface Language')).toBeTruthy();
 });
 
+test('should render potentially not translated warning', async () => {
+  (redux.useSelector as jest.Mock).mockImplementation(() => ({
+    showErrorMessage: false,
+    skippedSentences: [],
+    currentUILocale: 'de',
+    allLanguages: [],
+  }));
+
+  await renderWithLocalization(<Settings />);
+  expect(screen.getByText(/might not be fully translated/)).toBeTruthy();
+});
+
+test('should not render potentially not translated warning for English', async () => {
+  await renderWithLocalization(<Settings />);
+  expect(screen.getByText('Interface Language')).toBeTruthy();
+  expect(screen.queryByText(/might not be fully translated/)).toBeNull();
+});
+
 test('should render error message', async () => {
   (redux.useSelector as jest.Mock).mockImplementation(() => ({
     showErrorMessage: true,

web/src/components/profile/settings.tsx

@@ -5,6 +5,7 @@ import { Localized } from '@fluent/react';
 
 import cvTranslatedLocales from '../../../../locales/translated.json';
 import { resetSkippedSentences } from '../../actions/sentences';
+import { DEFAULT_LOCALE } from '../../l10n';
 import type { RootState } from '../../types';
 
 import LanguageSelector from '../language-selector';
@@ -29,7 +30,8 @@ export default function Settings() {
   };
 
   useEffect(() => {
-    const possiblyUntranslated = !CV_TRANSLATED_LOCALES.includes(currentUILocale);
+    const possiblyUntranslated =
+      currentUILocale !== DEFAULT_LOCALE && !CV_TRANSLATED_LOCALES.includes(currentUILocale);
     setShowTranslatedWarning(possiblyUntranslated);
   }, [currentUILocale]);