3865-Add-Integrations

[Kanav-Arora]

Closes #3865

I have coded constant in such a way that in future new integrations can be easily added.

[Kanav-Arora]

@FelixMalfait I'm done with the design. I have coded constant in such a way that in future new integrations can be easily added. I have two doubts:

• @Bonapara Images are not that clear ig
• Outreach is not operational on zapier so the link will not work. Should I exclude it?https://zapier.com/apps/outreach/integrations

[FelixMalfait]

That's great as always @Kanav-Arora thanks!
Sorry if it wasn't clear, on the initial issue I added:

(as you can see I updated the text - but don't have edit rights to the original Figma)

What I meant was that the examples I think we should have were the one I added in my screenshot (cal.com, Slack, Mailchimp, Tally)

[Kanav-Arora]

@FelixMalfait Sorry now I get it, so from where should I download images as these brand logos are pixelated? I'll change the integrations.

[FelixMalfait]

For the image quality you can export a higher resolution version in Figma

Since you don't have the up-to-date Figma, here they are:

And in even higher resolution in case the one above are not enough (I guess they should be?):

Thanks

[Kanav-Arora]

For the image quality you can export a higher resolution version in Figma

Since you don't have the up-to-date Figma, here they are:

And in even higher resolution in case the one above are not enough (I guess they should be?):

Thanks

I tried higher resolution but they are pixelated. I'll check branch resources once on their official website.

[Kanav-Arora]

@FelixMalfait
I have changed the text and brand logos. I downloaded logos from brand sites so they are of good quality but I need Twenty high resolution logo. Rest everything is done ig.

[Bonapara]

@Kanav-Arora you may find it here:
https://github.com/twentyhq/twenty/blob/main/packages/twenty-docs/static/img/logo-square-dark.svg

Thanks!

[Kanav-Arora]

Hi @FelixMalfait
Done with the changes.

[FelixMalfait]

Thanks! It's still the big Windmill logo

[Kanav-Arora]

@FelixMalfait done

[Kanav-Arora]

Hi @FelixMalfait
Does this PR requires any further changes? Can you please review this?

[charlesBochet]

Perfect, good work as always @Kanav-Arora :)

[charlesBochet]

@Kanav-Arora I'm merging it. As a follow up, could you introduce a featureFlag (similar to IS_MESSAGING_ENABLED) and use it to hide integration link in the Settings navigation?

[FelixMalfait]

@charlesBochet why would we want to keep it behind a feature flag? Zapier app has been published

[charlesBochet]

Also as follow up here is a list of small things to adjust:

• Github logo resolution seems to low
• the font weight seems different between figma and the implementation
• the arrow size looks different

Other than that it looks great!

[charlesBochet]

@Kanav-Arora I have actually added the featureFlag in the last commit so we can merge it!