#428

frontend/src/components/ErrorScreen.tsx

@@ -3,6 +3,7 @@ import errorImg from '@/assets/images/not-found.gif'
 import MainArea from '@/components/layout/MainArea'
 import PageHead from '@/components/common/PageHead'
 import { useUITranslation } from '@/lib/useUITranslation'
+import { currentRenderContext } from '@/lib/renderContext'
 
 import type { FC } from 'react'
 
@@ -10,6 +11,9 @@ type Props = { status: number }
 
 
 const ErrorScreen: FC<Props> = ({ status }) => {
+  const context = currentRenderContext ()
+  if (context != null)
+    context.status = status
   const { message: translate, label } = useUITranslation ('errors')
   const [message]: [string, string, string] = (() => {
     switch (status)

frontend/src/components/PostEditForm.tsx

@@ -65,7 +65,7 @@ const PostEditForm: FC<Props> = ({ post, onSave }) => {
       useState<string | null> (post.originalCreatedFrom)
   const [parentPostIds, setParentPostIds] =
       useState ((post.parentPosts ?? []).map (p => p.id).join (' '))
-  const [tags, setTags] = useState<string> ('')
+  const [tags, setTags] = useState<string> (() => tagsToStr (post.tags))
   const [title, setTitle] = useState (post.title)
 
   const videoFlg =

frontend/src/components/common/PageHead.tsx

@@ -1,7 +1,9 @@
 import { Helmet } from 'react-helmet-async'
+import { useLocation } from 'react-router-dom'
 
 import { useLocale } from '@/lib/useLocale'
 import { useUITranslation } from '@/lib/useUITranslation'
+import { currentRenderContext } from '@/lib/renderContext'
 
 import type { ReactNode } from 'react'
 
@@ -18,19 +20,24 @@ const PageHead = (
     { title, includeSiteName = true, description: pageDescription, canonical, children }: Props,
 ) => {
   const locale = useLocale ()
+  const location = useLocation ()
+  const origin = currentRenderContext ()?.origin
+  const pageCanonical = canonical ?? (origin == null
+      ? undefined : new URL (location.pathname + location.search, origin).href)
   const { message, siteTitle } = useUITranslation ('shared')
   const pageTitle = typeof title === 'string' ? { text: title, language: locale } : title
   const fullTitle =
       pageTitle == null
       ? siteTitle.text
       : (includeSiteName ? `${pageTitle.text} | ${siteTitle.text}` : pageTitle.text)
-  const description = pageDescription ?? message ('head.description', { brand: siteTitle.text })
+  const description = pageDescription ?? pageTitle
+      ?? 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}/>}
+	{pageCanonical != null && <link rel="canonical" href={pageCanonical}/>}
 	{children}
       </Helmet>)
 }

frontend/src/components/layout/SidebarComponent.tsx

@@ -103,12 +103,7 @@ const SidebarComponent: FC<Props> = ({
     return Math.min (maxAllowedWidth, Math.max (MIN_SIDEBAR_WIDTH, nextWidth))
   }, [])
 
-  const [width, setWidth] = useState (() => (
-      typeof window === 'undefined'
-      ? DEFAULT_SIDEBAR_WIDTH
-      : getClampedWidth (
-	  readStoredSidebarWidth (sidebarKey, side),
-	  window.innerWidth)))
+  const [width, setWidth] = useState (DEFAULT_SIDEBAR_WIDTH)
   const [resizing, setResizing] = useState (false)
   const widthRef = useRef (width)
   const longPressTimerRef = useRef<ReturnType<typeof setTimeout> | null> (null)

frontend/src/components/users/BehaviourSettingsSection.tsx

@@ -88,9 +88,9 @@ const BehaviourSettingsSection: FC<Props> = props => {
   const { sectionClassName, onDirtyStateChange } = props
   const { label } = useUITranslation ('settings')
   const [savedSettings, setSavedSettings] =
-      useState<ClientBehaviorSettings> (() => getClientBehaviorSettings ())
+      useState<ClientBehaviorSettings> ({ })
   const [draftSettings, setDraftSettings] =
-      useState<ClientBehaviorSettings> (() => getClientBehaviorSettings ())
+      useState<ClientBehaviorSettings> ({ })
 
   useEffect (() => {
     const current = getClientBehaviorSettings ()