#428

frontend/src/components/common/PageHead.tsx

@@ -9,10 +9,14 @@ type LocalisedTitle = { text: string; language: string }
 type Props = {
     title?: string | LocalisedTitle
     includeSiteName?: boolean
+    description?: LocalisedTitle
+    canonical?: string
     children?: ReactNode }
 
 
-const PageHead = ({ title, includeSiteName = true, children }: Props) => {
+const PageHead = (
+    { title, includeSiteName = true, description: pageDescription, canonical, children }: Props,
+) => {
   const locale = useLocale ()
   const { message, siteTitle } = useUITranslation ('shared')
   const pageTitle = typeof title === 'string' ? { text: title, language: locale } : title
@@ -20,12 +24,13 @@ const PageHead = ({ title, includeSiteName = true, children }: Props) => {
       pageTitle == null
       ? siteTitle.text
       : (includeSiteName ? `${pageTitle.text} | ${siteTitle.text}` : pageTitle.text)
-  const description = message ('head.description', { brand: siteTitle.text })
+  const description = pageDescription ?? message ('head.description', { brand: siteTitle.text })
 
   return (
       <Helmet>
 	<title lang={pageTitle?.language ?? siteTitle.language}>{fullTitle}</title>
 	<meta name="description" content={description.text} lang={description.language}/>
+	{canonical != null && <link rel="canonical" href={canonical}/>}
 	{children}
       </Helmet>)
 }