admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: Display hidden columns and separator conditionally (#4982)

Browse Source 
Closes #4979 

Hi! `RecordTableHeaderPlusButtonContent.tsx` component displays hidden
columns and separator, only if length of `hiddenTableColumns` array is
greater than zero.

The top right corner looked good.

![add-field1](https://github.com/twentyhq/twenty/assets/41576384/0b75ce42-d524-42ba-a76d-66c3d15d523e)

![add-field2](https://github.com/twentyhq/twenty/assets/41576384/44cf3910-2f99-4e99-8130-5cafa58c5828)

---------

Co-authored-by: Thomas Trompette <thomast@twenty.com>
This commit is contained in:
Zoltán Völcsey
2024-04-17 14:51:57 +02:00
committed by GitHub
parent 3024e04a1c
commit cf50391b00
1 changed files with 15 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/twenty-front/src/modules/object-record/record-table/components/RecordTableHeaderPlusButtonContent.tsx
View File

@ -37,6 +37,8 @@ export const RecordTableHeaderPlusButtonContent = () => {
`; `;
return ( return (
<>
{hiddenTableColumns.length > 0 && (
<> <>
<DropdownMenuItemsContainer> <DropdownMenuItemsContainer>
{hiddenTableColumns.map((column) => ( {hiddenTableColumns.map((column) => (
@ -49,6 +51,8 @@ export const RecordTableHeaderPlusButtonContent = () => {
))} ))}
</DropdownMenuItemsContainer> </DropdownMenuItemsContainer>
<DropdownMenuSeparator /> <DropdownMenuSeparator />
</>
)}
<DropdownMenuItemsContainer> <DropdownMenuItemsContainer>
<StyledMenuItemLink to="/settings/objects"> <StyledMenuItemLink to="/settings/objects">
<MenuItem LeftIcon={IconSettings} text="Customize fields" /> <MenuItem LeftIcon={IconSettings} text="Customize fields" />