Simplify your stack and build anything. Or everything.
Build tomorrow’s web with a modern solution you truly own.
AGENCY TESTIMONIAL
"Payload has transformed the way our clients manage content. It's an indispensable tool for any modern agency."
Code-based nature means you can build on top of it to power anything.
Resources for Developers
Get the resources you need to start building today
It’s time to take back your content infrastructure.
Featured Customer Story
Microsoft chose Payload to tell the world about AI.
Localised RowLabel
2
Hello, I want to have a localised RowLabel for an array field when it is empty, but use one of the fields data when it is present.
Before starting on localisation, I had something like this:
RowLabel: ({ data }) => data.title || 'New item'I tried picking the locale with the
useLocalehook, but I believe this is the locale of the content and not the language preference of the user
RowLabel: ({ data }) => {
const locale = useLocale();
return (
data.title ||
i18n.accordionBlock.item.emptyRowLabel[locale]
);
},
You can use the following:
const { i18n } = useTranslation() const userLanguage = i18n?.languageTo get the currently selected language of the user logged into the dashboard
And I would turn this into a component that gets imported into your config file, instead of importing hooks into the config file.
Thanks for that, completely missed it in the docs
I extracted it out to a RowLabelWithFallback (wip name 😅 )
Star
Discord
online
Can't find what you're looking for?
Get dedicated engineering support directly from the Payload team.