2020import React , { useState , useEffect } from 'react' ;
2121import { Modal , Button , Typography , Spin } from '@douyinfe/semi-ui' ;
2222import { IconExternalOpen , IconCopy } from '@douyinfe/semi-icons' ;
23+ import { useTranslation } from 'react-i18next' ;
2324
2425const { Text } = Typography ;
2526
@@ -29,6 +30,7 @@ const ContentModal = ({
2930 modalContent,
3031 isVideo,
3132} ) => {
33+ const { t } = useTranslation ( ) ;
3234 const [ videoError , setVideoError ] = useState ( false ) ;
3335 const [ isLoading , setIsLoading ] = useState ( false ) ;
3436
@@ -64,25 +66,25 @@ const ContentModal = ({
6466 type = 'tertiary'
6567 style = { { display : 'block' , marginBottom : '16px' } }
6668 >
67- 视频无法在当前浏览器中播放,这可能是由于:
69+ { t ( ' 视频无法在当前浏览器中播放,这可能是由于:' ) }
6870 </ Text >
6971 < Text
7072 type = 'tertiary'
7173 style = { { display : 'block' , marginBottom : '8px' , fontSize : '12px' } }
7274 >
73- • 视频服务商的跨域限制
75+ { t ( ' • 视频服务商的跨域限制' ) }
7476 </ Text >
7577 < Text
7678 type = 'tertiary'
7779 style = { { display : 'block' , marginBottom : '8px' , fontSize : '12px' } }
7880 >
79- • 需要特定的请求头或认证
81+ { t ( ' • 需要特定的请求头或认证' ) }
8082 </ Text >
8183 < Text
8284 type = 'tertiary'
8385 style = { { display : 'block' , marginBottom : '16px' , fontSize : '12px' } }
8486 >
85- • 防盗链保护机制
87+ { t ( ' • 防盗链保护机制' ) }
8688 </ Text >
8789
8890 < div style = { { marginTop : '20px' } } >
@@ -91,10 +93,10 @@ const ContentModal = ({
9193 onClick = { handleOpenInNewTab }
9294 style = { { marginRight : '8px' } }
9395 >
94- 在新标签页中打开
96+ { t ( ' 在新标签页中打开' ) }
9597 </ Button >
9698 < Button icon = { < IconCopy /> } onClick = { handleCopyUrl } >
97- 复制链接
99+ { t ( ' 复制链接' ) }
98100 </ Button >
99101 </ div >
100102
0 commit comments