update readme

apps/pwa/src/components/error_card.tsx

@@ -5,6 +5,7 @@ import definition from '@/definition';
 import getRandomInteger from '#/utils/generate_random_integer';
 import { MdRefresh } from 'react-icons/md';
 import { CSSVariable } from '@/global_style';
+import upperCaseFirstLetter from '@/style/upper_case_first_letter';
 
 const Style = styled.div`
   display: flex;
@@ -26,6 +27,8 @@ const Style = styled.div`
     font-size: 12px;
     line-height: 1.5;
     text-align: center;
+
+    ${upperCaseFirstLetter}
   }
 `;
 

apps/pwa/src/i18n/en_us.ts

@@ -199,4 +199,5 @@ export default {
   music_list_are_added_to_playlist_unsuccessfully:
     'playlist has included these music already',
   next_music_info: 'next music is %s1',
+  failed_to_get_musicbill_list: 'failed to get musicbill list',
 };

apps/pwa/src/i18n/zh_hans.ts

@@ -190,6 +190,7 @@ const zhCN: {
   music_list_are_added_to_playlist: '%s1 首音乐添加到播放列表',
   music_list_are_added_to_playlist_unsuccessfully: '播放列表已包含这些音乐',
   next_music_info: '下一首播放 %s1',
+  failed_to_get_musicbill_list: '获取乐单列表失败',
 };
 
 export default zhCN;

apps/pwa/src/pages/player/musicbill_music_drawer/musicbill_list.tsx

@@ -5,6 +5,7 @@ import styled from 'styled-components';
 import ErrorCard from '@/components/error_card';
 import { RequestStatus } from '@/constants';
 import Empty from '@/components/empty';
+import { t } from '@/i18n';
 import { MusicWithSingerAliases } from '../constants';
 import Context from '../context';
 import playerEventemitter, {
@@ -38,15 +39,15 @@ function MusicbillList({ music }: { music: MusicWithSingerAliases }) {
     }
     return (
       <StatusContainer>
-        <Empty description="请先创建乐单" />
+        <Empty description={t('empty_musicbill_warning')} />
       </StatusContainer>
     );
   }
   if (getMusicbillListStatus === RequestStatus.ERROR) {
     return (
       <StatusContainer>
         <ErrorCard
-          errorMessage="获取乐单列表失败"
+          errorMessage={t('failed_to_get_musicbill_list')}
           retry={reloadMusicbillList}
         />
       </StatusContainer>

apps/pwa/src/pages/player/sidebar/musicbill_list/musicbill_list.tsx

@@ -5,6 +5,7 @@ import ErrorCard from '@/components/error_card';
 import { RequestStatus } from '@/constants';
 import { animated, useTransition } from 'react-spring';
 import Button, { Variant } from '@/components/button';
+import { t } from '@/i18n';
 import Context from '../../context';
 import e, { EventType } from '../../eventemitter';
 import Musicbill from './musicbill';
@@ -56,7 +57,7 @@ function MusicbillList() {
                 variant={Variant.PRIMARY}
                 onClick={openCreateMusicbillDialog}
               >
-                创建乐单
+                {t('create_musicbill')}
               </Button>
             </StatusBox>
           );
@@ -72,7 +73,7 @@ function MusicbillList() {
           return (
             <StatusBox style={style}>
               <ErrorCard
-                errorMessage="获取乐单列表失败"
+                errorMessage={t('failed_to_get_musicbill_list')}
                 retry={reloadMusicbillList}
               />
             </StatusBox>