#428

frontend/src/pages/wiki/WikiDiffPage.tsx

@@ -5,6 +5,7 @@ import { Helmet } from 'react-helmet-async'
 import { useLocation, useParams } from 'react-router-dom'
 
 import { useLocale } from '@/lib/useLocale'
+import { useUITranslation } from '@/lib/useUITranslation'
 import PageTitle from '@/components/common/PageTitle'
 import MainArea from '@/components/layout/MainArea'
 import { SITE_TITLE } from '@/config'
@@ -15,6 +16,7 @@ import type { WikiPageDiff } from '@/types'
 
 
 const WikiDiffPage: FC = () => {
+  const { message, label } = useUITranslation ('wiki')
   const locale = useLocale ()
   const { id } = useParams ()
 
@@ -26,7 +28,8 @@ const WikiDiffPage: FC = () => {
   const from = query.get ('from')
   const to = query.get ('to')
   const displayTitle = diff
-      ? `${ diff.title }${ diff.deprecatedAt != null ? '（廃止）' : '' }`
+      ? `${ diff.title }${ diff.deprecatedAt != null
+	  ? message ('shared:labels.deprecatedSuffix').text : '' }`
       : ''
 
   useEffect (() => {
@@ -38,7 +41,7 @@ const WikiDiffPage: FC = () => {
   return (
       <MainArea>
 	<Helmet>
-	  <title>{`Wiki 差分: ${ displayTitle } | ${ SITE_TITLE }`}</title>
+	  <title>{message ('diffTitle', { title: displayTitle }).text} | {SITE_TITLE}</title>
 	</Helmet>
 	<PageTitle>{displayTitle}</PageTitle>
 	<div className="prose mx-auto p-4">
@@ -49,7 +52,7 @@ const WikiDiffPage: FC = () => {
 				    d.type === 'removed' && 'bg-red-200 dark:bg-red-800')}>
 		    {d.content}
 		  </p>)))
-	   : 'Loading...'}
+	   : label ('common:loading')}
 	</div>
       </MainArea>)
 }