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

fix(history): update relations display (#20081)

Browse Source
This commit is contained in:
markkaylor 2024-04-10 17:27:04 +02:00 committed by GitHub
parent 0a031cc777
commit a1b6aeee27
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 34 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
packages/core/content-manager/admin/src/history/components/VersionInputRenderer.tsx
View File

@ -65,16 +65,7 @@ const CustomRelationInput = (props: RelationsFieldProps) => {
return (
<Box>
<FieldLabel>{props.label}</FieldLabel>
{results.length === 0 ? (
<Box marginTop={1}>
<StyledAlert variant="default">
{formatMessage({
id: 'content-manager.history.content.no-relations',
defaultMessage: 'No relations.',
})}
</StyledAlert>
</Box>
) : (
{results.length > 0 && (
<Flex direction="column" gap={2} marginTop={1} alignItems="stretch">
{results.map((relationData) => {
// @ts-expect-error – targetModel does exist on the attribute. But it's not typed.
@ -104,30 +95,41 @@ const CustomRelationInput = (props: RelationsFieldProps) => {
</Flex>
);
})}
{meta.missingCount > 0 && (
<StyledAlert
variant="warning"
title={formatMessage(
{
id: 'content-manager.history.content.missing-relations.title',
defaultMessage:
'{number, plural, =1 {Missing relation} other {{number} missing relations}}',
},
{ number: meta.missingCount }
)}
>
{formatMessage(
{
id: 'content-manager.history.content.missing-relations.message',
defaultMessage:
"{number, plural, =1 {It has} other {They have}} been deleted and can't be restored.",
},
{ number: meta.missingCount }
)}
</StyledAlert>
)}
</Flex>
)}
{meta.missingCount > 0 && (
<StyledAlert
marginTop={1}
variant="warning"
title={formatMessage(
{
id: 'content-manager.history.content.missing-relations.title',
defaultMessage:
'{number, plural, =1 {Missing relation} other {{number} missing relations}}',
},
{ number: meta.missingCount }
)}
>
{formatMessage(
{
id: 'content-manager.history.content.missing-relations.message',
defaultMessage:
"{number, plural, =1 {It has} other {They have}} been deleted and can't be restored.",
},
{ number: meta.missingCount }
)}
</StyledAlert>
)}
{results.length === 0 && meta.missingCount === 0 && (
<Box marginTop={1}>
<StyledAlert variant="default">
{formatMessage({
id: 'content-manager.history.content.no-relations',
defaultMessage: 'No relations.',
})}
</StyledAlert>
</Box>
)}
</Box>
);
};