Add a create new button on relation picker

[lucasbordeau]

Scope & Context

Relation picker on a relation field.

Current behavior

We can select from a list of objects in a relation picker.

Expected behavior

We want to be able to create an object from a relation picker

https://www.figma.com/file/xt8O9mFeLl46C5InWwoMrN/Twenty?type=design&node-id=17404-41837&mode=design&t=FgTQBl2iVzooomzb-11

Tech specs :

• Extract the relation object's label identifier field id
• Get the field type from this field metadata
• Use the proper inline cell for this field type
• Trigger the creation of an object when exiting this field

It should be the same experience as when we create a new record table row, with the input field taking the focus, you can find it on people or companies tables.

Linked issue : https://github.com/twentyhq/twenty/issues/2965

[anoopw3bdev]

@lucasbordeau I would like to implement this. Please assign to me.

[anoopw3bdev]

Hello @lucasbordeau what is the expected completion date of this feature? I feel like I am taking more time to understand how components are organized and connected each other in the codebase and I am afraid I might not be able to complete it soon.

[lucasbordeau]

@anoopw3bdev There's no deadline right now, are you in our Discord server ?

[anoopw3bdev]

Sorry, I missed this thread @lucasbordeau yes I am in twenty Discord. Will try to resolve this in a week.

Thanks for the patience!

[anoopw3bdev]

Hi @lucasbordeau / @Bonapara do you have a design on how the UI will look like?

[Bonapara]

Hi @anoopw3bdev! Figma is running slowly. Here's the behavior:

https://github.com/twentyhq/twenty/assets/19412894/6ec7b734-06a4-4f64-9319-f100b9a0dcf4

• The Add new button should always be visible.
• When searching for a company like "Google" and clicking "add new," the company name should be automatically inserted, requiring only the URL input.

Components

Figma Links:

• Main Design
• Picker Design

[anoopw3bdev]

Thanks a lot @Bonapara!