#428

frontend/src/components/TopNav.tsx

@@ -16,6 +16,7 @@ import { isLocaleCode,
 	 switchLocalePath,
 	 unlocalisedPath } from '@/lib/locales'
 import { uiMessage, uiMessageLanguage } from '@/lib/messages'
+import { useUITranslation } from '@/lib/useUITranslation'
 import { materialsKeys, tagsKeys, wikiKeys } from '@/lib/queryKeys'
 import { useClientBehaviourSettings } from '@/lib/useClientBehaviourSettings'
 import { canEditContent } from '@/lib/users'
@@ -125,6 +126,7 @@ export const menuOutline = (
 
 
 const TopNav: FC<Props> = ({ user, locales }) => {
+  const { label } = useUITranslation ('shared')
   const locale = useLocale ()
   const localeName = locales.find (entry => entry.code === locale)?.name
   const navigate = useLocaleNavigate ()
@@ -206,21 +208,21 @@ const TopNav: FC<Props> = ({ user, locales }) => {
   const topNavTransition =
       animationsOff
       ? { duration: 0 }
-      : reducedAnimations
-	? { duration: .08, ease: 'linear' as const }
-	: { duration: .2, ease: 'easeOut' as const }
+      : (reducedAnimations
+	 ? { duration: .08, ease: 'linear' as const }
+	 : { duration: .2, ease: 'easeOut' as const })
   const opacityTransition =
       animationsOff
       ? { duration: 0 }
-      : reducedAnimations
-	? { duration: .08 }
-	: { duration: .12 }
+      : (reducedAnimations
+	 ? { duration: .08 }
+	 : { duration: .12 })
   const highlightTransitionClass =
       animationsOff
       ? undefined
-      : reducedAnimations
-	? 'transition-[transform,width] duration-75 ease-linear'
-	: 'transition-[transform,width] duration-200 ease-out'
+      : (reducedAnimations
+	 ? 'transition-[transform,width] duration-75 ease-linear'
+	 : 'transition-[transform,width] duration-200 ease-out')
 
   const prevActiveIdxRef = useRef<number> (activeIdx)
 
@@ -382,8 +384,7 @@ const TopNav: FC<Props> = ({ user, locales }) => {
 		onClick={() => {
 		  scroll (0, 0)
 		}}>
-	      {/* TODO: ここも外出ししろ． */}
-	      ぼざクリ タグ広場
+	      {label ('labels.brand')}
 	    </PrefetchLink>
 
 	    <div ref={navRef}