diff --git a/src/components/tools-and-libraries.tsx b/src/components/tools-and-libraries.tsx index d0fcc44600..9013850106 100644 --- a/src/components/tools-and-libraries.tsx +++ b/src/components/tools-and-libraries.tsx @@ -168,16 +168,23 @@ export function CodePage({ allTags, data }: CodePageProps) { const [sort, setSort] = useState("popularity") + let description = `A collection of tools and libraries for GraphQL` + let title = "Tools and Libraries | GraphQL" + if (selectedTagsAsString) { + description += ` related to ${selectedTagsAsString}` + title = `${selectedTagsAsString} | ${title}` + } + return ( <> - - {selectedTagsAsString ? selectedTagsAsString + " | " : ""}Tools and - Libraries | GraphQL - + {title} + +
diff --git a/theme.config.tsx b/theme.config.tsx index 94bc9847f8..34acef9ad7 100644 --- a/theme.config.tsx +++ b/theme.config.tsx @@ -179,11 +179,19 @@ export default { return ( <> {title} - + {description && ( <> - - + + )} {canonical && }