#428

frontend/src/components/DevModeWatermark.tsx

@@ -8,6 +8,8 @@ const COLUMN_COUNT = 12
 
 
 const DevModeWatermark: FC = () => {
+  const { t } = useTranslation ('shared')
+  const text = t ('labels.development', { returnDetails: true })
   return (
       <div
 	  aria-hidden="true"
@@ -29,13 +31,14 @@ const DevModeWatermark: FC = () => {
 		{Array.from ({ length: COLUMN_COUNT }, (_, columnIndex) => (
 		    <span
 			key={columnIndex}
+			lang={text.usedLng}
 			className={
 			    'whitespace-nowrap text-3xl font-bold '
 			    + 'tracking-[0.3em] text-neutral-950/5 '
 			    + 'dark:text-white/10'
 			}
 			style={{ fontFamily: 'Nikumaru' }}>
-		      開発モード
+		      {text.res}
 		    </span>))}
 	      </div>))}
 	</div>
@@ -44,3 +47,5 @@ const DevModeWatermark: FC = () => {
 
 
 export default DevModeWatermark
+import { useTranslation } from 'react-i18next'
+