Translate page layout tab title (#17975)

> [!NOTE]
> The improvement will only fully work once all tabs get translated. 

## When using the front-end mocks


https://github.com/user-attachments/assets/cf7dc0fb-9438-4e18-841e-47558ff71474

## When loading page layout information from database


https://github.com/user-attachments/assets/d2c9d98b-97e2-4629-aa6c-53f3f3713733

## When editing dashboard


https://github.com/user-attachments/assets/c6ae3a7a-f05f-48ea-8b33-8f689e3f71f7

Closes
https://github.com/twentyhq/twenty/issues/17950#issuecomment-3902782952
This commit is contained in:
Baptiste Devessier
2026-02-17 16:26:28 +01:00
committed by GitHub
parent e3fcff00b0
commit 963f2de864
34 changed files with 332 additions and 20 deletions
@@ -30,6 +30,7 @@ describe('addWidgetToTab', () => {
const mockTabs: PageLayoutTab[] = [
{
id: 'tab-1',
applicationId: '',
title: 'Tab 1',
position: 0,
pageLayoutId: 'layout-1',
@@ -40,6 +41,7 @@ describe('addWidgetToTab', () => {
},
{
id: 'tab-2',
applicationId: '',
title: 'Tab 2',
position: 1,
pageLayoutId: 'layout-1',
@@ -19,6 +19,7 @@ describe('convertPageLayoutToTabLayouts', () => {
tabs: [
{
id: 'tab-1',
applicationId: '',
title: 'Tab 1',
position: 0,
pageLayoutId: 'page-layout-1',
@@ -97,6 +98,7 @@ describe('convertPageLayoutToTabLayouts', () => {
tabs: [
{
id: 'tab-1',
applicationId: '',
title: 'Tab 1',
position: 0,
pageLayoutId: 'page-layout-1',
@@ -4,6 +4,7 @@ import { getPageLayoutTabListInitialActiveTabId } from '@/page-layout/utils/getP
describe('getPageLayoutTabListInitialActiveTabId', () => {
const createMockTab = (id: string): PageLayoutTab => ({
id,
applicationId: '',
pageLayoutId: 'page-layout-1',
title: `Tab ${id}`,
position: 0,
@@ -9,6 +9,7 @@ import {
describe('getTabsByDisplayMode', () => {
const createMockTab = (id: string): PageLayoutTab => ({
id,
applicationId: '',
pageLayoutId: 'page-layout-1',
title: `Tab ${id}`,
position: 0,
@@ -36,6 +36,7 @@ describe('getTabsWithVisibleWidgets', () => {
widgets: PageLayoutTab['widgets'],
): PageLayoutTab => ({
__typename: 'PageLayoutTab',
applicationId: '',
id,
pageLayoutId: 'page-layout-1',
title: `Tab ${id}`,
@@ -1,16 +1,17 @@
import { type PageLayoutTab } from '@/page-layout/types/PageLayoutTab';
import { removeWidgetFromTab } from '@/page-layout/utils/removeWidgetFromTab';
import {
AggregateOperations,
GraphOrderBy,
WidgetConfigurationType,
WidgetType,
} from '~/generated-metadata/graphql';
import { type PageLayoutTab } from '@/page-layout/types/PageLayoutTab';
import { removeWidgetFromTab } from '@/page-layout/utils/removeWidgetFromTab';
describe('removeWidgetFromTab', () => {
const mockTabs: PageLayoutTab[] = [
{
id: 'tab-1',
applicationId: '',
title: 'Tab 1',
position: 0,
pageLayoutId: 'layout-1',
@@ -60,6 +61,7 @@ describe('removeWidgetFromTab', () => {
},
{
id: 'tab-2',
applicationId: '',
title: 'Tab 2',
position: 1,
pageLayoutId: 'layout-1',