How to create a custom button component in admin collection to sync data from external source

[cerulean heart]

Hi,

I'm new to Payload and I'm trying to find out how to create a custom button/action in a collection in the admin panel.

The goal is to have a manual sync button that trigger a call to an external source API, to sync data from another source into payload custom collection.

I'm trying to do this with Payload 3, and all I found in the doc and Discord is a bit confusing for me as I'm new to Payload (and i'm not sure i'm on the right path). I'm looking for the smartest way to do this.
Is there a full example somewhere for instance ?

BTW, I think Payload is very nice and will have a great future 🙂

Thanks for your help,
Damien

[scenic cobalt]

New Community-Help Thread Created!

Help is on the way! To mark it as solved, use the /solve command. In the meantime, here are some existing threads that may help you:

Documentation:

• Swap in your own React components - Building a custom view component - Example
• Swap in your own React components - Collections - Collection views
• Swap in your own React components - Base Component Overrides - Views

Community-Help:

• form builder plugin: forms are created but aren't accessed to render on frontend
• file upload to S3 bucket (plugin-cloud-storage)
• Error when uploading video of 1.7 gb
• Access rights for drafts and publishing collections

[dense forge]

Hmm, when u say sync data, do you need to change the value of other fields?

Because while making the button is easy, having it pass some value over to payload managed editable fields can be a bit tricky (from my half assed understanding of payload)

[cerulean heart]

@dense forge Thank you. Yes. Basically, I need to retrieve all the content from another system and add some meta data for SEO. All SEO data will be managed only in Payload. Yet, I don't want to edit the retrieved content. Isn't it possible to simply get the whole content and just update the fields coming from the other system ? For the button, do you have a complete reference to make it (whole example) ?

[regal lily]

I'd create a custom endpoint, then write a button within a ui field that calls the endpoint.

https://payloadcms.com/docs/beta/rest-api/overview#custom-endpoints
https://payloadcms.com/docs/beta/fields/ui

I'd dig around the test suites for help:
https://github.com/payloadcms/payload/blob/beta/test%2Fendpoints%2Fconfig.ts
https://github.com/payloadcms/payload/blob/beta/test%2Fadmin%2Fconfig.ts

[scenic cobalt]

You cannot use this command in a community-help thread.

[cerulean heart]

Thank you @regal lily , it worked 🙂

[regal lily]

Awesome 👍