Swap string literals for translatable items

This commit is contained in:
Lei Nelissen
2022-05-18 21:23:24 +02:00
parent 06ead4a00e
commit fcb6b1465b
5 changed files with 18 additions and 8 deletions

View File

@@ -6,6 +6,7 @@ import { TouchableOpacity } from 'react-native';
import styled, { css } from 'styled-components/native';
import AirplayAudioIcon from 'assets/icons/airplay-audio.svg';
import useDefaultStyles from 'components/Colors';
import { t } from '@localisation';
const Container = styled.View<{ active?: boolean }>`
display: flex;
@@ -46,8 +47,8 @@ function Casting() {
/>
<Label active={routes.length > 0} numberOfLines={1}>
{routes.length > 0
? `Playing on ${routes.map((route) => route.portName).join(', ')}`
: 'Local Playback'
? `${t('playing-on')} ${routes.map((route) => route.portName).join(', ')}`
: t('local-playback')
}
</Label>
</Container>

View File

@@ -6,6 +6,7 @@ import useDefaultStyles from 'components/Colors';
import { Text } from 'components/Typography';
import styled from 'styled-components/native';
import Casting from './Casting';
import { t } from '@localisation';
const ICON_SIZE = 16;
@@ -44,12 +45,12 @@ function StreamStatus() {
{isLocalPlay ? (
<>
<InternalDriveIcon width={ICON_SIZE} height={ICON_SIZE} fill={defaultStyles.icon.color} />
<Label numberOfLines={1}>Local Playback</Label>
<Label numberOfLines={1}>{t('local-playback')}</Label>
</>
) : (
<>
<CloudIcon width={ICON_SIZE} height={ICON_SIZE} fill={defaultStyles.icon.color} />
<Label numberOfLines={1}>Streaming</Label>
<Label numberOfLines={1}>{t('streaming')}</Label>
</>
)}
</Group>