Remove "Compact View" Toggle from L2 Kanban Option Menu

[Bonapara]

Current Behavior

The "Compact view" toggle is visible on every Kanban sub-option menu (like the Fields menu and Fields > Hidden Fields).

CleanShot.2024-07-03.at.17.47.27.mp4

Desired Behavior

It should only be visible in the level 1 Options menu.

[greptile-apps]

To remove the 'Compact view' toggle from L2 Kanban Option Menu, update the conditional rendering logic in RecordIndexOptionsDropdownContent.tsx:

1. Locate the viewType === ViewType.Kanban block.
2. Move this block to render only when !currentMenu is true.

{!currentMenu && viewType === ViewType.Kanban && (
  <>
    <DropdownMenuSeparator />
    <DropdownMenuItemsContainer>
      <MenuItemToggle
        LeftIcon={IconBaselineDensitySmall}
        onToggleChange={() =>
          setAndPersistIsCompactModeActive(
            !isCompactModeActive,
            currentViewWithCombinedFiltersAndSorts,
          )
        }
        toggled={isCompactModeActive}
        text="Compact view"
        toggleSize="small"
      />
    </DropdownMenuItemsContainer>
  </>
)}

References

/packages/twenty-front/src/modules/object-record/record-index/options/components/RecordIndexOptionsDropdownContent.tsx

About Greptile

This response provides a starting point for your research, not a precise solution.

Help us improve! Please leave a 👍 if this is helpful and 👎 if it is irrelevant.

Ask Greptile · Edit Issue Bot Settings

[saurabhsubham113]

Hi @Bonapara ,

I want to work on this.

[Bonapara]

Sure @saurabhsubham113, thanks for contributing!

[saurabhsubham113]

Hi @Bonapara

one small help required. do you have any documentation on how to setup this monorepo project in local and run the twenty-front project.

It would be really helpful

[Bonapara]

Hi @saurabhsubham113, we have docs.twenty.com. If you have further questions, feel free to ask on Discord!

[Faisal-imtiyaz123]

@Bonapara I would like to work.