yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-11-03 03:17:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

CTB: Improve SubNavSection title, by passing down defaultMessage

Browse Source
This commit is contained in:
Gustav Hansen 2022-08-02 13:43:30 +02:00
parent 3016533fd1
commit e3fb4d5ae0
1 changed files with 48 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

101
packages/core/content-type-builder/admin/src/components/ContentTypeBuilderNav/index.js
View File

@ -42,61 +42,56 @@ const ContentTypeBuilderNav = () => {
})} })}
/> />
<SubNavSections> <SubNavSections>
{menu.map(section => { {menu.map(section => (
const title = section.title.id; <React.Fragment key={section.name}>
<SubNavSection
return ( label={formatMessage({
<React.Fragment key={section.name}> id: section.title.id,
<SubNavSection defaultMessage: section.title.defaultMessage,
label={formatMessage({ id: title, defaultMessage: title })} })}
collapsable collapsable
badgeLabel={section.links.length.toString()} badgeLabel={section.links.length.toString()}
> >
{section.links.map(link => { {section.links.map(link => {
if (link.links) { if (link.links) {
return (
<SubNavLinkSection key={link.name} label={upperFirst(link.title)}>
{link.links.map(subLink => (
<SubNavLink
as={NavLink}
to={subLink.to}
active={subLink.active}
key={subLink.name}
isSubSectionChild
>
{upperFirst(
formatMessage({ id: subLink.name, defaultMessage: subLink.title })
)}
</SubNavLink>
))}
</SubNavLinkSection>
);
}
return ( return (
<SubNavLink as={NavLink} to={link.to} active={link.active} key={link.name}> <SubNavLinkSection key={link.name} label={upperFirst(link.title)}>
{upperFirst(formatMessage({ id: link.name, defaultMessage: link.title }))} {link.links.map(subLink => (
</SubNavLink> <SubNavLink
as={NavLink}
to={subLink.to}
active={subLink.active}
key={subLink.name}
isSubSectionChild
>
{upperFirst(
formatMessage({ id: subLink.name, defaultMessage: subLink.title })
)}
</SubNavLink>
))}
</SubNavLinkSection>
); );
})} }
</SubNavSection>
{section.customLink && ( return (
<Box paddingLeft={7}> <SubNavLink as={NavLink} to={link.to} active={link.active} key={link.name}>
<TextButton {upperFirst(formatMessage({ id: link.name, defaultMessage: link.title }))}
onClick={section.customLink.onClick} </SubNavLink>
startIcon={<Plus />} );
marginTop={2} })}
> </SubNavSection>
{formatMessage({ {section.customLink && (
id: section.customLink.id, <Box paddingLeft={7}>
defaultMessage: section.customLink.defaultMessage, <TextButton onClick={section.customLink.onClick} startIcon={<Plus />} marginTop={2}>
})} {formatMessage({
</TextButton> id: section.customLink.id,
</Box> defaultMessage: section.customLink.defaultMessage,
)} })}
</React.Fragment> </TextButton>
); </Box>
})} )}
</React.Fragment>
))}
</SubNavSections> </SubNavSections>
</SubNav> </SubNav>
); );