Accords-Library-Archive
/
accords-library.com
1
0
Fork 0
Code Issues Pull Requests 5 Packages Projects Releases Wiki Activity

Fixed broken content pages if missing fields

This commit is contained in:
DrMint 2022-03-14 12:25:01 +01:00
parent 6082e83f54
commit e675a90ed6
3 changed files with 85 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Content/ThumbnailHeader.tsx
View File

@ -65,7 +65,7 @@ export default function ThumbnailHeader(
</div>
<div className="grid grid-flow-col gap-8">
{content.type && (
{content.type.data && (
<div className="flex flex-col place-items-center gap-2">
<h3 className="text-xl">{langui.type}</h3>
<div className="flex flex-row flex-wrap">

42
src/pages/contents/[slug]/index.tsx
View File

@ -65,6 +65,31 @@ export default function ContentIndex(props: ContentIndexProps): JSX.Element {
</ContentPanel>
);
let description = "";
if (content.type.data) {
description += `${langui.type}: `;
if (content.type.data.attributes.titles.length > 0) {
description += content.type.data.attributes.titles[0].title;
} else {
description += prettySlug(content.type.data.attributes.slug);
}
description += "\n";
}
if (content.categories.data.length > 0) {
description += `${langui.categories}: `;
description += content.categories.data
.map((category) => {
return category.attributes.short;
})
.join(" | ");
description += "\n";
}
if (content.titles.length > 0 && content.titles[0].description) {
description += "\n";
description += content.titles[0].description;
}
return (
<AppLayout
navTitle="Contents"
@ -80,22 +105,7 @@ export default function ContentIndex(props: ContentIndexProps): JSX.Element {
thumbnail={content.thumbnail.data?.attributes}
contentPanel={contentPanel}
subPanel={subPanel}
description={`${langui.type}: ${
content.type.data.attributes.titles.length > 0
? content.type.data.attributes.titles[0].title
: prettySlug(content.type.data.attributes.slug)
}
${langui.categories}: ${
content.categories.data.length > 0 &&
content.categories.data
.map((category) => {
return category.attributes.short;
})
.join(" | ")
}
${content.titles.length > 0 ? content.titles[0].description : undefined}
`}
description={description}
{...props}
/>
);

42
src/pages/contents/[slug]/read.tsx
View File

@ -49,7 +49,7 @@ export default function ContentRead(props: ContentReadProps): JSX.Element {
horizontalLine
/>
{content.text_set.length > 0 && (
{content.text_set.length > 0 && content.text_set[0].source_language.data && (
<div className="grid gap-5">
<h2 className="text-xl">
{content.text_set[0].source_language.data.attributes.code ===
@ -175,6 +175,26 @@ export default function ContentRead(props: ContentReadProps): JSX.Element {
</ContentPanel>
);
let description = "";
if (content.type.data) {
description += `${langui.type}: `;
if (content.type.data.attributes.titles.length > 0) {
description += content.type.data.attributes.titles[0].title;
} else {
description += prettySlug(content.type.data.attributes.slug);
}
description += "\n";
}
if (content.categories.data.length > 0) {
description += `${langui.categories}: `;
description += content.categories.data
.map((category) => {
return category.attributes.short;
})
.join(" | ");
description += "\n";
}
return (
<AppLayout
navTitle="Contents"
@ -190,22 +210,7 @@ export default function ContentRead(props: ContentReadProps): JSX.Element {
thumbnail={content.thumbnail.data?.attributes}
contentPanel={contentPanel}
subPanel={subPanel}
description={`${langui.type}: ${
content.type.data.attributes.titles.length > 0
? content.type.data.attributes.titles[0].title
: prettySlug(content.type.data.attributes.slug)
}
${langui.categories}: ${
content.categories.data.length > 0 &&
content.categories.data
.map((category) => {
return category.attributes.short;
})
.join(" | ")
}
${content.titles.length > 0 ? content.titles[0].description : undefined}
`}
description={description}
{...props}
/>
);
@ -308,7 +313,7 @@ export function useTesting(props: ContentReadProps) {
["content", "text_set"],
contentURL
);
}
} else {
if (textset.source_language.data.attributes.code === router.locale) {
// This is a transcript
if (textset.transcribers.data.length === 0) {
@ -348,3 +353,4 @@ export function useTesting(props: ContentReadProps) {
}
}
}
}