feat: add track info i18n

Author: zeevenn

apps/mobile/modules/player/TrackInfo.tsx

@@ -1,11 +1,12 @@
 import { useDisplayTrack } from '@flow/player'
-import { formatFileSize, formatTime } from '@flow/shared'
+import { formatFileSize, formatTime, useTranslation } from '@flow/shared'
 import { Image, StyleSheet, View } from 'react-native'
 import { Text } from 'react-native-paper'
 import Animated from 'react-native-reanimated'
 import { usePlayerContext } from './Context'
 
 export default function TrackInfo() {
+  const { t } = useTranslation()
   const { artworkColors } = usePlayerContext()
   const displayTrack = useDisplayTrack()
 
@@ -16,28 +17,26 @@ export default function TrackInfo() {
       contentContainerStyle={styles.container}
     >
       <View style={[styles.group, { backgroundColor: `${artworkColors.background}20` }]}>
-        <Text style={styles.header}>音频信息</Text>
+        <Text style={styles.header}>{t('player.trackInfo.audioInfo')}</Text>
         <View style={styles.audioSingleRow}>
           <View style={styles.audioCompactCard}>
-            <Text style={styles.audioCompactLabel}>格式</Text>
+            <Text style={styles.audioCompactLabel}>{t('player.trackInfo.format')}</Text>
             <Text style={styles.audioCompactValue}>{displayTrack?.format?.toUpperCase() || '--'}</Text>
           </View>
           <View style={styles.audioCompactCard}>
-            <Text style={styles.audioCompactLabel}>声道</Text>
+            <Text style={styles.audioCompactLabel}>{t('player.trackInfo.channels')}</Text>
             <Text style={styles.audioCompactValue}>
               {displayTrack?.channels || '--'}
-              {' '}
-              channels
             </Text>
           </View>
           <View style={styles.audioCompactCard}>
-            <Text style={styles.audioCompactLabel}>比特率</Text>
+            <Text style={styles.audioCompactLabel}>{t('player.trackInfo.bitrate')}</Text>
             <Text style={styles.audioCompactValue}>
               {displayTrack?.bitrate ? `${displayTrack.bitrate} kbps` : '--'}
             </Text>
           </View>
           <View style={styles.audioCompactCard}>
-            <Text style={styles.audioCompactLabel}>采样率</Text>
+            <Text style={styles.audioCompactLabel}>{t('player.trackInfo.sampleRate')}</Text>
             <Text style={styles.audioCompactValue}>
               {displayTrack?.sampleRate ? `${displayTrack.sampleRate} hz` : '--'}
             </Text>
@@ -46,7 +45,7 @@ export default function TrackInfo() {
       </View>
 
       <View style={[styles.group, { backgroundColor: `${artworkColors.background}20` }]}>
-        <Text style={styles.header}>专辑</Text>
+        <Text style={styles.header}>{t('player.trackInfo.album')}</Text>
         <View style={styles.content}>
           <Image
             source={{ uri: displayTrack?.artwork }}
@@ -57,31 +56,31 @@ export default function TrackInfo() {
       </View>
 
       <View style={[styles.group, { backgroundColor: `${artworkColors.background}20` }]}>
-        <Text style={styles.header}>艺术家</Text>
+        <Text style={styles.header}>{t('player.trackInfo.artist')}</Text>
         <View style={styles.content}>
           <Text>{displayTrack?.artist}</Text>
         </View>
       </View>
 
       <View style={[styles.group, { backgroundColor: `${artworkColors.background}20` }]}>
-        <Text style={styles.header}>文件信息</Text>
+        <Text style={styles.header}>{t('player.trackInfo.fileInfo')}</Text>
 
         <View style={styles.fileInfoItem}>
-          <Text style={styles.label}>文件路径</Text>
+          <Text style={styles.label}>{t('player.trackInfo.filePath')}</Text>
           <Text style={styles.pathText} numberOfLines={2} ellipsizeMode="middle">
             {displayTrack?.url}
           </Text>
         </View>
         <View style={styles.fileInfoItem}>
-          <Text style={styles.label}>文件大小</Text>
+          <Text style={styles.label}>{t('player.trackInfo.fileSize')}</Text>
           <Text style={styles.value}>{formatFileSize(displayTrack?.fileSize ?? 0)}</Text>
         </View>
         <View style={styles.fileInfoItem}>
-          <Text style={styles.label}>创建时间</Text>
+          <Text style={styles.label}>{t('player.trackInfo.createdTime')}</Text>
           <Text style={styles.value}>{formatTime(displayTrack?.createdAt)}</Text>
         </View>
         <View style={[styles.fileInfoItem, { marginBottom: 0 }]}>
-          <Text style={styles.label}>修改时间</Text>
+          <Text style={styles.label}>{t('player.trackInfo.modifiedTime')}</Text>
           <Text style={styles.value}>{formatTime(displayTrack?.modifiedAt)}</Text>
         </View>
       </View>

packages/shared/src/locales/en/index.ts

@@ -1,11 +1,13 @@
 import common from './common'
 import home from './home'
 import navigation from './navigation'
+import player from './player'
 import setting from './setting'
 
 export default {
   common,
   home,
-  setting,
   navigation,
+  player,
+  setting,
 }

packages/shared/src/locales/en/player.ts

@@ -0,0 +1,32 @@
+export default {
+  trackInfo: {
+    audioInfo: 'Audio Info',
+    format: 'Format',
+    channels: 'Channels',
+    bitrate: 'Bitrate',
+    sampleRate: 'Sample',
+    album: 'Album',
+    artist: 'Artist',
+    fileInfo: 'File Info',
+    filePath: 'File Path',
+    fileSize: 'File Size',
+    createdTime: 'Created Time',
+    modifiedTime: 'Modified Time',
+    channelsUnit: 'channels',
+  },
+
+  playback: {
+    play: 'Play',
+    pause: 'Pause',
+    next: 'Next',
+    previous: 'Previous',
+    shuffle: 'Shuffle',
+    repeat: 'Repeat',
+  },
+
+  queue: {
+    nowPlaying: 'Now Playing',
+    upNext: 'Up Next',
+    clear: 'Clear Queue',
+  },
+}

packages/shared/src/locales/zh/index.ts

@@ -1,11 +1,13 @@
 import common from './common'
 import home from './home'
 import navigation from './navigation'
+import player from './player'
 import setting from './setting'
 
 export default {
   common,
   home,
-  setting,
   navigation,
+  player,
+  setting,
 }

packages/shared/src/locales/zh/player.ts

@@ -0,0 +1,32 @@
+export default {
+  trackInfo: {
+    audioInfo: '音频信息',
+    format: '格式',
+    channels: '声道',
+    bitrate: '比特率',
+    sampleRate: '采样率',
+    album: '专辑',
+    artist: '艺术家',
+    fileInfo: '文件信息',
+    filePath: '文件路径',
+    fileSize: '文件大小',
+    createdTime: '创建时间',
+    modifiedTime: '修改时间',
+    channelsUnit: '声道',
+  },
+
+  playback: {
+    play: '播放',
+    pause: '暂停',
+    next: '下一首',
+    previous: '上一首',
+    shuffle: '随机播放',
+    repeat: '重复播放',
+  },
+
+  queue: {
+    nowPlaying: '正在播放',
+    upNext: '待播放',
+    clear: '清空队列',
+  },
+}