Fix missing translations for advanced mode toggle (#10931)

Advanced mode toggle was in `twenty-ui` which doesn't support Lingui.

I removed lingui from the global package json and moved it to the local
package.json instead to prevent that kind of error from happening again

package.json

@@ -25,8 +25,6 @@
     "@jsdevtools/rehype-toc": "^3.0.2",
     "@linaria/core": "^6.2.0",
     "@linaria/react": "^6.2.1",
-    "@lingui/core": "^5.1.2",
-    "@lingui/react": "^5.1.2",
     "@mdx-js/react": "^3.0.0",
     "@microsoft/microsoft-graph-client": "^3.0.7",
     "@nestjs/apollo": "^11.0.5",
@@ -208,9 +206,6 @@
     "@graphql-codegen/typescript": "^3.0.4",
     "@graphql-codegen/typescript-operations": "^3.0.4",
     "@graphql-codegen/typescript-react-apollo": "^3.3.7",
-    "@lingui/cli": "^5.1.2",
-    "@lingui/swc-plugin": "^5.1.0",
-    "@lingui/vite-plugin": "^5.1.2",
     "@microsoft/microsoft-graph-types": "^2.40.0",
     "@nestjs/cli": "^9.0.0",
     "@nestjs/schematics": "^9.0.0",

packages/twenty-emails/package.json

@@ -10,8 +10,15 @@
     "build": "npx vite build"
   },
   "dependencies": {
+    "@lingui/core": "^5.1.2",
+    "@lingui/react": "^5.1.2",
     "twenty-shared": "workspace:*"
   },
+  "devDependencies": {
+    "@lingui/cli": "^5.1.2",
+    "@lingui/swc-plugin": "^5.1.0",
+    "@lingui/vite-plugin": "^5.1.2"
+  },
   "exports": {
     ".": {
       "import": "./dist/index.mjs",

packages/twenty-front/package.json

@@ -33,6 +33,8 @@
     "@blocknote/xl-docx-exporter": "^0.22.0",
     "@blocknote/xl-pdf-exporter": "^0.22.0",
     "@cyntler/react-doc-viewer": "^1.17.0",
+    "@lingui/core": "^5.1.2",
+    "@lingui/react": "^5.1.2",
     "@lingui/detect-locale": "^5.2.0",
     "@nivo/calendar": "^0.87.0",
     "@nivo/core": "^0.87.0",
@@ -57,6 +59,9 @@
     "twenty-shared": "workspace:*"
   },
   "devDependencies": {
+    "@lingui/cli": "^5.1.2",
+    "@lingui/swc-plugin": "^5.1.0",
+    "@lingui/vite-plugin": "^5.1.2",
     "@types/file-saver": "^2"
   }
 }

packages/twenty-front/src/locales/af-ZA.po

@@ -318,6 +318,11 @@ msgstr "Admin Paneel"
 msgid "Advanced filter"
 msgstr "Gevorderde filter"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/ar-SA.po

@@ -318,6 +318,11 @@ msgstr "اللوحة الإدارية"
 msgid "Advanced filter"
 msgstr "الفلتر المتقدم"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/ca-ES.po

@@ -318,6 +318,11 @@ msgstr "Panel d'Administració"
 msgid "Advanced filter"
 msgstr "Filtre avançat"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/cs-CZ.po

@@ -318,6 +318,11 @@ msgstr "Administrační panel"
 msgid "Advanced filter"
 msgstr "Pokročilý filtr"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/da-DK.po

@@ -318,6 +318,11 @@ msgstr "Administratorpanel"
 msgid "Advanced filter"
 msgstr "Avanceret filter"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/de-DE.po

@@ -318,6 +318,11 @@ msgstr "Admin-Bereich"
 msgid "Advanced filter"
 msgstr "Erweiterter Filter"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/el-GR.po

@@ -318,6 +318,11 @@ msgstr "Πίνακας Διαχείρισης"
 msgid "Advanced filter"
 msgstr "Προηγμένο φίλτρο"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/en.po

@@ -313,6 +313,11 @@ msgstr "Admin Panel"
 msgid "Advanced filter"
 msgstr "Advanced filter"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr "Advanced:"
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/es-ES.po

@@ -318,6 +318,11 @@ msgstr "Panel de administración"
 msgid "Advanced filter"
 msgstr "Filtro avanzado"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/fi-FI.po

@@ -318,6 +318,11 @@ msgstr "Hallintapaneeli"
 msgid "Advanced filter"
 msgstr "Tarkennettu suodatin"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/fr-FR.po

@@ -318,6 +318,11 @@ msgstr "Panneau d'administration"
 msgid "Advanced filter"
 msgstr "Filtre avancé"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/he-IL.po

@@ -318,6 +318,11 @@ msgstr "לוח ניהול"
 msgid "Advanced filter"
 msgstr "מסנן מתקדם"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/hu-HU.po

@@ -318,6 +318,11 @@ msgstr "Adminisztrációs Panel"
 msgid "Advanced filter"
 msgstr "Speciális szűrő"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/it-IT.po

@@ -318,6 +318,11 @@ msgstr "Pannello di amministrazione"
 msgid "Advanced filter"
 msgstr "Filtro avanzato"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/ja-JP.po

@@ -318,6 +318,11 @@ msgstr "管理パネル"
 msgid "Advanced filter"
 msgstr "\\\\u9ad8\\\\u5ea6\\\\u306a\\\\u30d5\\\\u30a3\\\\u30eb\\\\u30bf\\\\u30fc"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/ko-KR.po

@@ -318,6 +318,11 @@ msgstr "관리자 패널"
 msgid "Advanced filter"
 msgstr "고급 필터"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/nl-NL.po

@@ -318,6 +318,11 @@ msgstr "Admin Paneel"
 msgid "Advanced filter"
 msgstr "Geavanceerd filter"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/no-NO.po

@@ -318,6 +318,11 @@ msgstr "Admin Panel"
 msgid "Advanced filter"
 msgstr "Avansert filter"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/pl-PL.po

@@ -318,6 +318,11 @@ msgstr "Panel administracyjny"
 msgid "Advanced filter"
 msgstr "Zaawansowany filtr"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/pseudo-en.po

@@ -310,6 +310,11 @@ msgstr ""
 msgid "Advanced filter"
 msgstr ""
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/pt-BR.po

@@ -318,6 +318,11 @@ msgstr "Painel de Administração"
 msgid "Advanced filter"
 msgstr "Filtro avançado"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/pt-PT.po

@@ -318,6 +318,11 @@ msgstr "Painel de Administração"
 msgid "Advanced filter"
 msgstr "Filtro avançado"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/ro-RO.po

@@ -318,6 +318,11 @@ msgstr "Panoul de administrare"
 msgid "Advanced filter"
 msgstr "Filtru avansat"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/sr-Cyrl.po

@@ -318,6 +318,11 @@ msgstr "Админ Панел"
 msgid "Advanced filter"
 msgstr "Напредни филтер"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/sv-SE.po

@@ -318,6 +318,11 @@ msgstr "Administratörspanel"
 msgid "Advanced filter"
 msgstr "Avancerat filter"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/tr-TR.po

@@ -318,6 +318,11 @@ msgstr "Yönetim Paneli"
 msgid "Advanced filter"
 msgstr "Gelişmiş filtre"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/uk-UA.po

@@ -318,6 +318,11 @@ msgstr "Панель адміністратора"
 msgid "Advanced filter"
 msgstr "Розширений фільтр"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/vi-VN.po

@@ -318,6 +318,11 @@ msgstr "Bảng Điều Khiển Admin"
 msgid "Advanced filter"
 msgstr "Bộ lọc nâng cao"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/zh-CN.po

@@ -318,6 +318,11 @@ msgstr "管理面板"
 msgid "Advanced filter"
 msgstr "高级筛选"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/locales/zh-TW.po

@@ -318,6 +318,11 @@ msgstr "管理面板"
 msgid "Advanced filter"
 msgstr "高級篩選"
 
+#. js-lingui-id: WsKDNF
+#: src/modules/navigation/components/AppNavigationDrawer.tsx
+msgid "Advanced:"
+msgstr ""
+
 #. js-lingui-id: 1Cox/a
 #: src/pages/settings/profile/appearance/components/LocalePicker.tsx
 msgid "Afrikaans"

packages/twenty-front/src/modules/navigation/components/AppNavigationDrawer.tsx

@@ -39,6 +39,7 @@ export const AppNavigationDrawer = ({
           <AdvancedSettingsToggle
             isAdvancedModeEnabled={isAdvancedModeEnabled}
             setIsAdvancedModeEnabled={setIsAdvancedModeEnabled}
+            label={t`Advanced:`}
           />
         ),
         logo: '',

packages/twenty-server/package.json

@@ -19,6 +19,7 @@
     "@graphql-yoga/nestjs": "patch:@graphql-yoga/nestjs@2.1.0#./patches/@graphql-yoga+nestjs+2.1.0.patch",
     "@langchain/mistralai": "^0.0.24",
     "@langchain/openai": "^0.1.3",
+    "@lingui/core": "^5.1.2",
     "@monaco-editor/react": "^4.6.0",
     "@nestjs/cache-manager": "^2.2.1",
     "@nestjs/devtools-integration": "^0.1.6",
@@ -58,6 +59,7 @@
     "zod-to-json-schema": "^3.23.1"
   },
   "devDependencies": {
+    "@lingui/cli": "^5.1.2",
     "@nestjs/cli": "10.3.0",
     "@nx/js": "18.3.3",
     "@types/express-session": "^1.18.0",

packages/twenty-ui/src/navigation/link/components/AdvancedSettingsToggle.tsx

@@ -1,5 +1,4 @@
 import styled from '@emotion/styled';
-import { useLingui } from '@lingui/react/macro';
 import { IconPoint } from '@ui/display';
 import { Toggle } from '@ui/input';
 import { MAIN_COLORS } from '@ui/theme';
@@ -38,13 +37,14 @@ const StyledToggleContainer = styled.label`
 type AdvancedSettingsToggleProps = {
   isAdvancedModeEnabled: boolean;
   setIsAdvancedModeEnabled: (enabled: boolean) => void;
+  label?: string;
 };
 
 export const AdvancedSettingsToggle = ({
   isAdvancedModeEnabled,
   setIsAdvancedModeEnabled,
+  label = 'Advanced:',
 }: AdvancedSettingsToggleProps) => {
-  const { t } = useLingui();
   const onChange = (newValue: boolean) => {
     setIsAdvancedModeEnabled(newValue);
   };
@@ -60,7 +60,7 @@ export const AdvancedSettingsToggle = ({
         />
       </StyledIconContainer>
       <StyledToggleContainer htmlFor={inputId}>
-        <StyledText>{t`Advanced:`}</StyledText>
+        <StyledText>{label}</StyledText>
 
         <Toggle
           id={inputId}