#428

frontend/src/components/PostEmbed.tsx

@@ -3,9 +3,10 @@ import YoutubeEmbed from 'react-youtube'
 
 import NicoViewer from '@/components/NicoViewer'
 import TwitterEmbed from '@/components/TwitterEmbed'
-import { useDialogue } from '@/components/dialogues/DialogueProvider'
+import useDialogue from '@/lib/dialogues/useDialogue'
 import { Button } from '@/components/ui/button'
 import { useClientBehaviourSettings } from '@/lib/useClientBehaviourSettings'
+import { useUITranslation } from '@/lib/useUITranslation'
 
 import type { FC, RefObject } from 'react'
 
@@ -36,6 +37,7 @@ const PostEmbed: FC<Props> = (
       onError },
 ) => {
   const dialogue = useDialogue ()
+  const { label } = useUITranslation ('posts')
   const behaviourSettings = useClientBehaviourSettings ()
   const embedAutoLoadMode = behaviourSettings.embedAutoLoad ?? 'auto'
   const [manualLoadRequested, setManualLoadRequested] = useState (false)
@@ -135,7 +137,7 @@ const PostEmbed: FC<Props> = (
 
   const externalLink = (
       <a href={post.url} target="_blank" rel="noreferrer">
-	外部ページを開く
+	{label ('embed.openExternal')}
       </a>)
 
   const manualLoadControl = (
@@ -144,7 +146,7 @@ const PostEmbed: FC<Props> = (
 	    type="button"
 	    variant="outline"
 	    onClick={() => setManualLoadRequested (true)}>
-	  埋め込みを読込
+	  {label ('embed.load')}
 	</Button>
 	{externalLink}
       </div>)
@@ -239,15 +241,15 @@ const PostEmbed: FC<Props> = (
 		e.preventDefault ()
 
 		setFramed (await dialogue.confirm ({
-		    title: '未確認の外部ページを表示します。',
+		    title: label ('embed.confirmTitle'),
 		    description: (
 			<div>
-			  <p>悪意のあるスクリプトが実行される可能性があります。</p>
-			  <p>表示しますか?</p>
+			  <p>{label ('embed.risk')}</p>
+			  <p>{label ('embed.question')}</p>
 			</div>),
-		    confirmText: '表示' }))
+		    confirmText: label ('shared:actions.show') }))
 	      }}>
-		外部ページを表示
+		{label ('embed.showExternal')}
 	      </a>)}
 	    </div>)}
       </>)