#428

frontend/src/pages/theatres/TheatreDetailPage.tsx

@@ -1,6 +1,5 @@
 import { motion } from 'framer-motion'
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { Helmet } from 'react-helmet-async'
 import { useParams } from 'react-router-dom'
 
 import { useLocale } from '@/lib/useLocale'
@@ -14,7 +13,7 @@ import FieldError from '@/components/common/FieldError'
 import useDialogue from '@/lib/dialogues/useDialogue'
 import SidebarComponent from '@/components/layout/SidebarComponent'
 import { Button } from '@/components/ui/button'
-import { SITE_TITLE } from '@/config'
+import PageHead from '@/components/common/PageHead'
 import { CATEGORIES } from '@/consts'
 import { apiDelete, apiGet, apiPatch, apiPost, apiPut, isApiError } from '@/lib/api'
 import { clientAnimationTransition,
@@ -859,10 +858,9 @@ const TheatreDetailPage: FC<Props> = ({ user }: Props) => {
 	  transition={{ layout: layoutTransition }}
 	  className="min-h-0 flex-1 overflow-y-auto bg-zinc-50 text-zinc-950
 		     md:overflow-hidden dark:bg-zinc-950 dark:text-zinc-50">
-	<Helmet>
+	<PageHead title={theatreTitle}>
 	  <meta name="robots" content="noindex"/>
-	  {theatre && <title>{theatreTitle.text} | {SITE_TITLE}</title>}
-	</Helmet>
+	</PageHead>
 
 	<div
 	    ref={sidebarContainerRef}