diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellCheckbox.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellCheckbox.tsx index 760c338a86..131a4d9f42 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellCheckbox.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellCheckbox.tsx @@ -1,4 +1,5 @@ import { styled } from '@linaria/react'; +import { useLingui } from '@lingui/react/macro'; import { useCallback } from 'react'; import { themeCssVariables } from 'twenty-ui/theme-constants'; @@ -23,6 +24,8 @@ const StyledContainer = styled.div` `; export const RecordTableCellCheckbox = () => { + const { t } = useLingui(); + const { isSelected } = useRecordTableRowContextOrThrow(); const { setCurrentRowSelected } = useSetCurrentRowSelected(); @@ -44,7 +47,7 @@ export const RecordTableCellCheckbox = () => { widthClassName={RECORD_TABLE_COLUMN_CHECKBOX_WIDTH_CLASS_NAME} > - + ); diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderCheckboxColumn.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderCheckboxColumn.tsx index 25f1cf043d..7444d0d768 100644 --- a/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderCheckboxColumn.tsx +++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-header/components/RecordTableHeaderCheckboxColumn.tsx @@ -1,4 +1,5 @@ import { styled } from '@linaria/react'; +import { useLingui } from '@lingui/react/macro'; import { recordIndexAllRecordIdsComponentSelector } from '@/object-record/record-index/states/selectors/recordIndexAllRecordIdsComponentSelector'; import { themeCssVariables } from 'twenty-ui/theme-constants'; @@ -38,6 +39,8 @@ const StyledColumnHeaderCell = styled.div` `; export const RecordTableHeaderCheckboxColumn = () => { + const { t } = useLingui(); + const allRowsSelectedStatus = useAtomComponentSelectorValue( allRowsSelectedStatusComponentSelector, ); @@ -87,6 +90,7 @@ export const RecordTableHeaderCheckboxColumn = () => { onChange={onChange} indeterminate={indeterminate} disabled={recordTableIsEmpty} + aria-label={t`Select all rows`} />