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

fix: Relation picker UX improvements (#7292)

Browse Source 
Closes https://github.com/twentyhq/twenty/issues/7287

> [!Note]
> This PR solves the issue #7287
> Updated margins between button and seperator and gave seperator full
width

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
This commit is contained in:
Harshit Singh
2024-10-09 21:46:44 +05:30
committed by GitHub
parent df395333c1
commit 0e01ddf7f9
1 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
packages/twenty-front/src/modules/object-record/relation-picker/components/MultiRecordSelect.tsx
View File

@ -23,6 +23,7 @@ import { useRecoilValue, useSetRecoilState } from 'recoil';
import { Key } from 'ts-key-enum'; import { Key } from 'ts-key-enum';
import { IconPlus, isDefined } from 'twenty-ui'; import { IconPlus, isDefined } from 'twenty-ui';
import { useDebouncedCallback } from 'use-debounce'; import { useDebouncedCallback } from 'use-debounce';
export const StyledSelectableItem = styled(SelectableItem)` export const StyledSelectableItem = styled(SelectableItem)`
height: 100%; height: 100%;
width: 100%; width: 100%;
@ -144,19 +145,19 @@ export const MultiRecordSelect = ({
)} )}
</> </>
)} )}
{isDefined(onCreate) && ( </DropdownMenuItemsContainer>
<> {isDefined(onCreate) && (
{objectRecordsIdsMultiSelect.length > 0 && ( <>
<DropdownMenuSeparator /> <DropdownMenuSeparator />
)} <DropdownMenuItemsContainer>
<CreateNewButton <CreateNewButton
onClick={debouncedOnCreate} onClick={debouncedOnCreate}
LeftIcon={IconPlus} LeftIcon={IconPlus}
text="Add New" text="Add New"
/> />
</> </DropdownMenuItemsContainer>
)} </>
</DropdownMenuItemsContainer> )}
</DropdownMenu> </DropdownMenu>
</> </>
); );