vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-08-04 11:23:26 +02:00
Code Issues Packages Projects Releases Wiki Activity

Use proper casing for i18n locales (#1998)

Browse Source
This commit is contained in:
Jeff
2026-05-11 19:42:07 -07:00
committed by GitHub
parent e49e488b4c
commit e2a1d813a9
224 changed files with 17323 additions and 18474 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/features/action-required/components/server-required.tsx
+1 -1
View File
@@ -80,7 +80,7 @@ function ServerSelector() {
/>
),
size: 'sm',
title: t('form.updateServer.title', { postProcess: 'titleCase' }),
title: t('form.updateServer.title'),
});
};
src/renderer/features/action-required/routes/action-required-route.tsx
+4 -6
View File
@@ -31,12 +31,12 @@ const ActionRequiredRoute = () => {
const checks = [
{
component: <ServerCredentialRequired />,
title: t('error.credentialsRequired', { postProcess: 'sentenceCase' }),
title: t('error.credentialsRequired'),
valid: !isCredentialRequired,
},
{
component: <ServerRequired />,
title: t('error.serverRequired', { postProcess: 'serverRequired' }),
title: t('error.serverRequired'),
valid: !isServerRequired,
},
];
@@ -47,7 +47,7 @@ const ActionRequiredRoute = () => {
const handleManageServersModal = () => {
openModal({
children: <ServerList />,
title: t('page.appMenu.manageServers', { postProcess: 'sentenceCase' }),
title: t('page.appMenu.manageServers'),
});
};
@@ -79,9 +79,7 @@ const ActionRequiredRoute = () => {
onClick={handleManageServersModal}
variant="filled"
>
{t('page.appMenu.manageServers', {
postProcess: 'sentenceCase',
})}
{t('page.appMenu.manageServers')}
</Button>
</Group>
)}
src/renderer/features/action-required/routes/invalid-route.tsx
+1 -3
View File
@@ -21,9 +21,7 @@ const InvalidRoute = () => {
<Stack>
<Group justify="center" wrap="nowrap">
<Icon color="warn" icon="error" />
<Text size="xl">
{t('error.apiRouteError', { postProcess: 'sentenceCase' })}
</Text>
<Text size="xl">{t('error.apiRouteError')}</Text>
</Group>
<Text>{location.pathname}</Text>
<ActionIcon icon="arrowLeftS" onClick={() => navigate(-1)} variant="filled" />
src/renderer/features/action-required/routes/no-network-route.tsx
+3 -5
View File
@@ -28,12 +28,10 @@ const NoNetworkRoute = () => {
<Icon icon="wifiOff" size="4rem" />
<Stack gap="md">
<Text size="xl" weight={600}>
{t('error.noNetwork', { postProcess: 'sentenceCase' })}
{t('error.noNetwork')}
</Text>
<Text c="dimmed" size="sm">
{t('error.noNetworkDescription', {
postProcess: 'sentenceCase',
})}
{t('error.noNetworkDescription')}
</Text>
</Stack>
<Button
@@ -41,7 +39,7 @@ const NoNetworkRoute = () => {
onClick={handleRetry}
variant="filled"
>
{t('common.retry', { postProcess: 'sentenceCase' })}
{t('common.retry')}
</Button>
</Stack>
</Center>
src/renderer/features/albums/components/album-detail-content.tsx
+11 -21
View File
@@ -127,9 +127,7 @@ const AlbumMetadataTags = ({ album }: AlbumMetadataTagsProps) => {
...releaseTypes,
{
id: 'isCompilation',
value: album?.isCompilation
? t('filter.isCompilation', { postProcess: 'sentenceCase' })
: undefined,
value: album?.isCompilation ? t('filter.isCompilation') : undefined,
},
...releaseCountries,
...releaseStatuses,
@@ -137,9 +135,9 @@ const AlbumMetadataTags = ({ album }: AlbumMetadataTagsProps) => {
id: 'explicitStatus',
value:
album.explicitStatus === ExplicitStatus.EXPLICIT
? t('common.explicit', { postProcess: 'sentenceCase' })
? t('common.explicit')
: album.explicitStatus === ExplicitStatus.CLEAN
? t('common.clean', { postProcess: 'sentenceCase' })
? t('common.clean')
: undefined,
},
);
@@ -210,15 +208,12 @@ const AlbumMetadataTags = ({ album }: AlbumMetadataTagsProps) => {
return (
<>
<MetadataPillGroup
items={defaultTagItems}
title={t('common.tags', { postProcess: 'sentenceCase' })}
/>
<MetadataPillGroup items={defaultTagItems} title={t('common.tags')} />
{recordLabels.length > 0 && (
<Stack align="center" className={styles.metadataPillGroup} gap="xs">
<Text fw={600} isNoSelect size="sm" tt="uppercase">
{t('common.recordLabel', { postProcess: 'sentenceCase' })}
{t('common.recordLabel')}
</Text>
<div className={styles['pill-group-wrapper']}>
<Pill.Group>
@@ -242,15 +237,12 @@ const AlbumMetadataTags = ({ album }: AlbumMetadataTagsProps) => {
</Stack>
)}
<MetadataPillGroup
items={moodTagItems}
title={t('common.mood', { postProcess: 'sentenceCase' })}
/>
<MetadataPillGroup items={moodTagItems} title={t('common.mood')} />
{groupingItems.length > 0 && (
<Stack align="center" className={styles.metadataPillGroup} gap="xs">
<Text fw={600} isNoSelect size="sm" tt="uppercase">
{t('common.grouping', { postProcess: 'sentenceCase' })}
{t('common.grouping')}
</Text>
<div className={styles['pill-group-wrapper']}>
<Pill.Group>
@@ -402,9 +394,7 @@ const AlbumMetadataExternalLinks = ({
return (
<Stack gap="xs">
<Text fw={600} isNoSelect size="sm" tt="uppercase">
{t('common.externalLinks', {
postProcess: 'sentenceCase',
})}
{t('common.externalLinks')}
</Text>
<Group className={styles.externalLinksGroup} gap="xs">
{lastFM && (
@@ -634,7 +624,7 @@ const DiscGroupRow = ({ discGroup, groupItems, internalState, t }: DiscGroupRowP
id={`disc-${discGroup.discNumber}`}
label={
<Text component="label" size="sm" truncate>
{t('common.disc', { postProcess: 'sentenceCase' })} {discGroup.discNumber}
{t('common.disc')} {discGroup.discNumber}
{discGroup.discSubtitle && ` - ${discGroup.discSubtitle}`}
</Text>
}
@@ -691,7 +681,7 @@ function AlbumDetailCarousels({ data }: { data: Album }) {
rowCount: 1,
sortBy: AlbumListSort.YEAR,
sortOrder: SortOrder.DESC,
title: t('page.albumDetail.moreFromArtist', { postProcess: 'sentenceCase' }),
title: t('page.albumDetail.moreFromArtist'),
uniqueId: moreFromArtistUniqueId,
},
...genreCarousels,
@@ -878,7 +868,7 @@ const AlbumDetailSongsTable = ({ songs }: AlbumDetailSongsTableProps) => {
flex={1}
leftSection={<Icon icon="search" />}
onChange={(e) => setSearchTerm(e.target.value)}
placeholder={t('common.search', { postProcess: 'sentenceCase' })}
placeholder={t('common.search')}
radius="xl"
ref={searchInputRef}
rightSection={
src/renderer/features/albums/components/album-detail-header.tsx
+2 -4
View File
@@ -138,12 +138,10 @@ export const AlbumDetailHeader = forwardRef<HTMLDivElement>((_props, ref) => {
const playCount = album?.playCount;
const releasePrefix = originalDifferentFromRelease
? t('page.albumDetail.released', { postProcess: 'sentenceCase' })
: '♫';
const releasePrefix = originalDifferentFromRelease ? t('page.albumDetail.released') : '♫';
const releaseYearPrefix = originalYearDifferentFromRelease
? t('page.albumDetail.released', { postProcess: 'sentenceCase' })
? t('page.albumDetail.released')
: '♫';
if (album.originalDate) {
src/renderer/features/albums/components/album-list-header-filters.tsx
+2 -2
View File
@@ -38,8 +38,8 @@ export const AlbumListHeaderFilters = ({ toggleGenreTarget }: { toggleGenreTarge
const choice = useMemo(() => {
return target === GenreTarget.ALBUM
? t('entity.album', { count: 2, postProcess: 'titleCase' })
: t('entity.track', { count: 2, postProcess: 'titleCase' });
? t('entity.album', { count: 2 })
: t('entity.track', { count: 2 });
}, [target, t]);
const handleToggleGenreTarget = useCallback(() => {
src/renderer/features/albums/components/album-list-header.tsx
+1 -1
View File
@@ -55,7 +55,7 @@ const AlbumListHeaderBadge = () => {
const PageTitle = ({ title }: { title?: string }) => {
const { t } = useTranslation();
const { pageKey } = useListContext();
const pageTitle = title || t('page.albumList.title', { postProcess: 'titleCase' });
const pageTitle = title || t('page.albumList.title');
switch (pageKey) {
case ItemListKey.ALBUM_ARTIST_ALBUM:
src/renderer/features/albums/components/jellyfin-album-filters.tsx
+10 -10
View File
@@ -80,7 +80,7 @@ export const JellyfinAlbumFilters = ({
const yesNoFilter = useMemo(() => {
const filters = [
{
label: t('filter.isFavorited', { postProcess: 'sentenceCase' }),
label: t('filter.isFavorited'),
onChange: (favoriteValue?: boolean) => {
setFavorite(favoriteValue ?? null);
},
@@ -90,7 +90,7 @@ export const JellyfinAlbumFilters = ({
if (query.artistIds?.length) {
filters.push({
label: t('filter.isCompilation', { postProcess: 'sentenceCase' }),
label: t('filter.isCompilation'),
onChange: (compilationValue?: boolean) => {
setCompilation(compilationValue ?? null);
},
@@ -228,16 +228,16 @@ export const JellyfinAlbumFilters = ({
return (
<Group gap="xs" justify="space-between" w="100%">
<Text fw={500} size="sm">
{t('entity.artist', { count: 2, postProcess: 'sentenceCase' })}
{t('entity.artist', { count: 2 })}
</Text>
<SegmentedControl
data={[
{
label: t('common.filter_single', { postProcess: 'titleCase' }),
label: t('common.filter_single'),
value: 'single',
},
{
label: t('common.filter_multiple', { postProcess: 'titleCase' }),
label: t('common.filter_multiple'),
value: 'multi',
},
]}
@@ -253,16 +253,16 @@ export const JellyfinAlbumFilters = ({
return (
<Group gap="xs" justify="space-between" w="100%">
<Text fw={500} size="sm">
{t('entity.genre', { count: 2, postProcess: 'sentenceCase' })}
{t('entity.genre', { count: 2 })}
</Text>
<SegmentedControl
data={[
{
label: t('common.filter_single', { postProcess: 'titleCase' }),
label: t('common.filter_single'),
value: 'single',
},
{
label: t('common.filter_multiple', { postProcess: 'titleCase' }),
label: t('common.filter_multiple'),
value: 'multi',
},
]}
@@ -320,7 +320,7 @@ export const JellyfinAlbumFilters = ({
<Group grow>
<NumberInput
hideControls={false}
label={t('filter.fromYear', { postProcess: 'sentenceCase' })}
label={t('filter.fromYear')}
max={2300}
min={1700}
onChange={(e) => debouncedHandleMinYearFilter(e)}
@@ -329,7 +329,7 @@ export const JellyfinAlbumFilters = ({
/>
<NumberInput
hideControls={false}
label={t('filter.toYear', { postProcess: 'sentenceCase' })}
label={t('filter.toYear')}
max={2300}
min={1700}
onChange={(e) => debouncedHandleMaxYearFilter(e)}
src/renderer/features/albums/components/navidrome-album-filters.tsx
+14 -14
View File
@@ -101,15 +101,15 @@ export const NavidromeAlbumFilters = ({
const segmentedControlData = useMemo(
() => [
{
label: t('common.none', { postProcess: 'titleCase' }),
label: t('common.none'),
value: 'none',
},
{
label: t('common.yes', { postProcess: 'titleCase' }),
label: t('common.yes'),
value: 'true',
},
{
label: t('common.no', { postProcess: 'titleCase' }),
label: t('common.no'),
value: 'false',
},
],
@@ -119,7 +119,7 @@ export const NavidromeAlbumFilters = ({
const toggleFilters = useMemo(
() => [
{
label: t('filter.isRecentlyPlayed', { postProcess: 'sentenceCase' }),
label: t('filter.isRecentlyPlayed'),
onChange: (e: ChangeEvent<HTMLInputElement>) => {
const recentlyPlayed = e.currentTarget.checked ? true : undefined;
setRecentlyPlayed(recentlyPlayed ?? null);
@@ -239,16 +239,16 @@ export const NavidromeAlbumFilters = ({
return (
<Group gap="xs" justify="space-between" w="100%">
<Text fw={500} size="sm">
{t('entity.artist', { count: 2, postProcess: 'sentenceCase' })}
{t('entity.artist', { count: 2 })}
</Text>
<SegmentedControl
data={[
{
label: t('common.filter_single', { postProcess: 'titleCase' }),
label: t('common.filter_single'),
value: 'single',
},
{
label: t('common.filter_multiple', { postProcess: 'titleCase' }),
label: t('common.filter_multiple'),
value: 'multi',
},
]}
@@ -264,16 +264,16 @@ export const NavidromeAlbumFilters = ({
return (
<Group gap="xs" justify="space-between" w="100%">
<Text fw={500} size="sm">
{t('entity.genre', { count: 2, postProcess: 'sentenceCase' })}
{t('entity.genre', { count: 2 })}
</Text>
<SegmentedControl
data={[
{
label: t('common.filter_single', { postProcess: 'titleCase' }),
label: t('common.filter_single'),
value: 'single',
},
{
label: t('common.filter_multiple', { postProcess: 'titleCase' }),
label: t('common.filter_multiple'),
value: 'multi',
},
]}
@@ -289,7 +289,7 @@ export const NavidromeAlbumFilters = ({
<Stack px="md" py="md">
<Stack gap="xs">
<Text size="sm" weight={500}>
{t('filter.isFavorited', { postProcess: 'sentenceCase' })}
{t('filter.isFavorited')}
</Text>
<SegmentedControl
data={segmentedControlData}
@@ -303,7 +303,7 @@ export const NavidromeAlbumFilters = ({
</Stack>
<Stack gap="xs">
<Text size="sm" weight={500}>
{t('filter.isRated', { postProcess: 'sentenceCase' })}
{t('filter.isRated')}
</Text>
<SegmentedControl
data={segmentedControlData}
@@ -317,7 +317,7 @@ export const NavidromeAlbumFilters = ({
</Stack>
<Stack gap="xs">
<Text size="sm" weight={500}>
{t('filter.isCompilation', { postProcess: 'sentenceCase' })}
{t('filter.isCompilation')}
</Text>
<SegmentedControl
data={segmentedControlData}
@@ -370,7 +370,7 @@ export const NavidromeAlbumFilters = ({
<Divider my="md" />
<NumberInput
hideControls={false}
label={t('common.year', { postProcess: 'titleCase' })}
label={t('common.year')}
max={5000}
min={0}
onChange={(e) => debouncedHandleYearFilter(e)}
src/renderer/features/albums/components/subsonic-album-filters.tsx
+7 -7
View File
@@ -137,7 +137,7 @@ export const SubsonicAlbumFilters = ({
const genreFilterLabel = useMemo(() => {
return (
<Text fw={500} size="sm">
{t('entity.genre', { count: 1, postProcess: 'sentenceCase' })}
{t('entity.genre', { count: 1 })}
</Text>
);
}, [t]);
@@ -145,7 +145,7 @@ export const SubsonicAlbumFilters = ({
const toggleFilters = useMemo(
() => [
{
label: t('filter.isFavorited', { postProcess: 'sentenceCase' }),
label: t('filter.isFavorited'),
onChange: (e: ChangeEvent<HTMLInputElement>) => {
if (isFavoriteDisabled && e.target.checked) return; // Prevent setting if disabled
const favoriteValue = e.target.checked ? true : undefined;
@@ -229,16 +229,16 @@ export const SubsonicAlbumFilters = ({
return (
<Group gap="xs" justify="space-between" w="100%">
<Text fw={500} size="sm">
{t('entity.artist', { count: 2, postProcess: 'sentenceCase' })}
{t('entity.artist', { count: 2 })}
</Text>
<SegmentedControl
data={[
{
label: t('common.filter_single', { postProcess: 'titleCase' }),
label: t('common.filter_single'),
value: 'single',
},
{
label: t('common.filter_multiple', { postProcess: 'titleCase' }),
label: t('common.filter_multiple'),
value: 'multi',
},
]}
@@ -302,7 +302,7 @@ export const SubsonicAlbumFilters = ({
<NumberInput
disabled={isYearDisabled}
hideControls={false}
label={t('filter.fromYear', { postProcess: 'sentenceCase' })}
label={t('filter.fromYear')}
max={5000}
min={0}
onChange={(e) => debouncedHandleMinYearFilter(e)}
@@ -311,7 +311,7 @@ export const SubsonicAlbumFilters = ({
<NumberInput
disabled={isYearDisabled}
hideControls={false}
label={t('filter.toYear', { postProcess: 'sentenceCase' })}
label={t('filter.toYear')}
max={5000}
min={0}
onChange={(e) => debouncedHandleMaxYearFilter(e)}
src/renderer/features/albums/routes/dummy-album-detail-route.tsx
+1 -1
View File
@@ -234,7 +234,7 @@ const DummyAlbumDetailRoute = () => {
<Group mr={5}>
<Icon fill="error" icon="error" size={30} />
</Group>
<h2>{t('error.badAlbum', { postProcess: 'sentenceCase' })}</h2>
<h2>{t('error.badAlbum')}</h2>
</Center>
</section>
</div>
src/renderer/features/artists/components/album-artist-detail-content.tsx
+15 -43
View File
@@ -142,11 +142,7 @@ const AlbumArtistActionButtons = ({
size="compact-md"
variant="transparent"
>
{String(
t('player.artistRadio', {
postProcess: 'sentenceCase',
}),
).toUpperCase()}
{String(t('player.artistRadio')).toUpperCase()}
</Button>
)}
</Group>
@@ -414,9 +410,7 @@ const AlbumArtistMetadataTopSongsContent = ({
<div className={styles.albumSectionTitle}>
<Group>
<TextTitle fw={700} order={3}>
{t('page.albumArtistDetail.topSongs', {
postProcess: 'sentenceCase',
})}
{t('page.albumArtistDetail.topSongs')}
</TextTitle>
{!isLoading && <Badge>{songs.length}</Badge>}
</Group>
@@ -431,9 +425,7 @@ const AlbumArtistMetadataTopSongsContent = ({
uppercase
variant="subtle"
>
{t('page.albumArtistDetail.viewAll', {
postProcess: 'sentenceCase',
})}
{t('page.albumArtistDetail.viewAll')}
</Button>
{songs.length > 0 && (
<ActionIconGroup>
@@ -485,9 +477,7 @@ const AlbumArtistMetadataTopSongsContent = ({
flex={1}
leftSection={<Icon icon="search" />}
onChange={(e) => setSearchTerm(e.target.value)}
placeholder={t('common.search', {
postProcess: 'sentenceCase',
})}
placeholder={t('common.search')}
radius="xl"
rightSection={
searchTerm ? (
@@ -510,15 +500,11 @@ const AlbumArtistMetadataTopSongsContent = ({
<SegmentedControl
data={[
{
label: t('page.albumArtistDetail.topSongsCommunity', {
postProcess: 'sentenceCase',
}),
label: t('page.albumArtistDetail.topSongsCommunity'),
value: 'community',
},
{
label: t('page.albumArtistDetail.topSongsPersonal', {
postProcess: 'sentenceCase',
}),
label: t('page.albumArtistDetail.topSongsPersonal'),
value: 'personal',
},
]}
@@ -716,9 +702,7 @@ const AlbumArtistMetadataFavoriteSongs = ({
<div className={styles.albumSectionTitle}>
<Group>
<TextTitle fw={700} order={3}>
{t('page.albumArtistDetail.favoriteSongs', {
postProcess: 'sentenceCase',
})}
{t('page.albumArtistDetail.favoriteSongs')}
</TextTitle>
{!isLoading && <Badge>{songs.length}</Badge>}
</Group>
@@ -736,9 +720,7 @@ const AlbumArtistMetadataFavoriteSongs = ({
uppercase
variant="subtle"
>
{t('page.albumArtistDetail.viewAll', {
postProcess: 'sentenceCase',
})}
{t('page.albumArtistDetail.viewAll')}
</Button>
{songs.length > 0 && (
<ActionIconGroup>
@@ -790,9 +772,7 @@ const AlbumArtistMetadataFavoriteSongs = ({
flex={1}
leftSection={<Icon icon="search" />}
onChange={(e) => setSearchTerm(e.target.value)}
placeholder={t('common.search', {
postProcess: 'sentenceCase',
})}
placeholder={t('common.search')}
radius="xl"
rightSection={
searchTerm ? (
@@ -941,9 +921,7 @@ const AlbumArtistMetadataExternalLinks = ({
<Grid.Col order={order} span={12}>
<Stack gap="xs">
<Text fw={600} isNoSelect size="sm" tt="uppercase">
{t('common.externalLinks', {
postProcess: 'sentenceCase',
})}
{t('common.externalLinks')}
</Text>
<Group gap="xs">
{lastFM && (
@@ -1092,9 +1070,7 @@ const AlbumArtistMetadataSimilarArtists = ({
() => (
<div className={styles.similarArtistsTitle}>
<TextTitle fw={700} order={3}>
{t('page.albumArtistDetail.relatedArtists', {
postProcess: 'sentenceCase',
})}
{t('page.albumArtistDetail.relatedArtists')}
</TextTitle>
<div className={styles.albumSectionDividerContainer}>
<div className={styles.albumSectionDivider} />
@@ -1432,7 +1408,7 @@ const AlbumSection = memo(function AlbumSection({
{hasMoreAlbums && !showAll && (
<Group justify="center" w="100%">
<Button onClick={() => setShowAll(true)} variant="subtle">
{t('action.viewMore', { postProcess: 'sentenceCase' })}
{t('action.viewMore')}
</Button>
</Group>
)}
@@ -1521,7 +1497,7 @@ const ArtistAlbums = ({ albumsQuery, order }: ArtistAlbumsProps) => {
flex={1}
leftSection={<Icon icon="search" />}
onChange={(e) => setSearchTerm(e.target.value)}
placeholder={t('common.search', { postProcess: 'sentenceCase' })}
placeholder={t('common.search')}
radius="xl"
ref={searchInputRef}
rightSection={
@@ -1585,17 +1561,13 @@ function GroupingTypeSelector() {
isSelected={groupingType === 'all'}
onClick={() => setAlbumArtistDetailGroupingType('all')}
>
{t('page.albumArtistDetail.groupingTypeAll', {
postProcess: 'sentenceCase',
})}
{t('page.albumArtistDetail.groupingTypeAll')}
</DropdownMenu.Item>
<DropdownMenu.Item
isSelected={groupingType === 'primary'}
onClick={() => setAlbumArtistDetailGroupingType('primary')}
>
{t('page.albumArtistDetail.groupingTypePrimary', {
postProcess: 'sentenceCase',
})}
{t('page.albumArtistDetail.groupingTypePrimary')}
</DropdownMenu.Item>
</DropdownMenu.Dropdown>
</DropdownMenu>
src/renderer/features/artists/components/album-artist-detail-favorite-songs-list-header.tsx
+1 -4
View File
@@ -24,10 +24,7 @@ export const AlbumArtistDetailFavoriteSongsListHeader = ({
<LibraryHeaderBar ignoreMaxWidth>
<LibraryHeaderBar.PlayButton itemType={LibraryItem.SONG} songs={data} />
<LibraryHeaderBar.Title order={2}>
{t('page.albumArtistDetail.favoriteSongsFrom', {
postProcess: 'titleCase',
title,
})}
{t('page.albumArtistDetail.favoriteSongsFrom', { title })}
</LibraryHeaderBar.Title>
<Badge>
{itemCount === null || itemCount === undefined ? <SpinnerIcon /> : itemCount}
src/renderer/features/artists/components/album-artist-detail-top-songs-list-header.tsx
+1 -4
View File
@@ -24,10 +24,7 @@ export const AlbumArtistDetailTopSongsListHeader = ({
<LibraryHeaderBar ignoreMaxWidth>
<LibraryHeaderBar.PlayButton itemType={LibraryItem.SONG} songs={data} />
<LibraryHeaderBar.Title order={2}>
{t('page.albumArtistDetail.topSongsFrom', {
postProcess: 'titleCase',
title,
})}
{t('page.albumArtistDetail.topSongsFrom', { title })}
</LibraryHeaderBar.Title>
<Badge>
{itemCount === null || itemCount === undefined ? <SpinnerIcon /> : itemCount}
src/renderer/features/artists/components/album-artist-list-header.tsx
+1 -1
View File
@@ -19,7 +19,7 @@ interface AlbumArtistListHeaderProps {
export const AlbumArtistListHeader = ({ title }: AlbumArtistListHeaderProps) => {
const { t } = useTranslation();
const pageTitle = title || t('page.albumArtistList.title', { postProcess: 'titleCase' });
const pageTitle = title || t('page.albumArtistList.title');
return (
<Stack gap={0}>
src/renderer/features/artists/components/artist-list-header.tsx
+1 -1
View File
@@ -19,7 +19,7 @@ interface ArtistListHeaderProps {
export const ArtistListHeader = ({ title }: ArtistListHeaderProps) => {
const { t } = useTranslation();
const pageTitle = title || t('entity.artist', { count: 2, postProcess: 'titleCase' });
const pageTitle = title || t('entity.artist', { count: 2 });
return (
<Stack gap={0}>
src/renderer/features/artists/hooks/use-artist-albums-grouped.ts
+17 -51
View File
@@ -182,77 +182,43 @@ export const getArtistAlbumsGrouped = (
const getDisplayNameForType = (releaseType: string): string => {
switch (releaseType) {
case 'album':
return t('releaseType.primary.album', {
postProcess: 'sentenceCase',
});
return t('releaseType.primary.album');
case 'appears-on':
return t('page.albumArtistDetail.appearsOn', {
postProcess: 'sentenceCase',
});
return t('page.albumArtistDetail.appearsOn');
case 'audiobook':
return t('releaseType.secondary.audiobook', {
postProcess: 'sentenceCase',
});
return t('releaseType.secondary.audiobook');
case 'audio drama':
return t('releaseType.secondary.audioDrama', {
postProcess: 'sentenceCase',
});
return t('releaseType.secondary.audioDrama');
case 'broadcast':
return t('releaseType.primary.broadcast', {
postProcess: 'sentenceCase',
});
return t('releaseType.primary.broadcast');
case 'compilation':
return t('releaseType.secondary.compilation', {
postProcess: 'sentenceCase',
});
return t('releaseType.secondary.compilation');
case 'demo':
return t('releaseType.secondary.demo', {
postProcess: 'sentenceCase',
});
return t('releaseType.secondary.demo');
case 'dj-mix':
return t('releaseType.secondary.djMix', {
postProcess: 'sentenceCase',
});
return t('releaseType.secondary.djMix');
case 'ep':
return t('releaseType.primary.ep', {
postProcess: 'upperCase',
});
case 'field recording':
return t('releaseType.secondary.fieldRecording', {
postProcess: 'sentenceCase',
});
return t('releaseType.secondary.fieldRecording');
case 'interview':
return t('releaseType.secondary.interview', {
postProcess: 'sentenceCase',
});
return t('releaseType.secondary.interview');
case 'live':
return t('releaseType.secondary.live', {
postProcess: 'sentenceCase',
});
return t('releaseType.secondary.live');
case 'mixtape/street':
return t('releaseType.secondary.mixtape', {
postProcess: 'sentenceCase',
});
return t('releaseType.secondary.mixtape');
case 'other':
return t('releaseType.primary.other', {
postProcess: 'sentenceCase',
});
return t('releaseType.primary.other');
case 'remix':
return t('releaseType.secondary.remix', {
postProcess: 'sentenceCase',
});
return t('releaseType.secondary.remix');
case 'single':
return t('releaseType.primary.single', {
postProcess: 'sentenceCase',
});
return t('releaseType.primary.single');
case 'soundtrack':
return t('releaseType.secondary.soundtrack', {
postProcess: 'sentenceCase',
});
return t('releaseType.secondary.soundtrack');
case 'spokenword':
return t('releaseType.secondary.spokenWord', {
postProcess: 'sentenceCase',
});
return t('releaseType.secondary.spokenWord');
default:
return titleCase(releaseType);
}
src/renderer/features/context-menu/actions/add-to-playlist-action.tsx
+9 -21
View File
@@ -203,10 +203,7 @@ export const AddToPlaylistAction = ({ items, itemType }: AddToPlaylistActionProp
if (allSongIds.length === 0) {
toast.info({
message: t('form.addToPlaylist.noneAdded', {
playlist: playlistName,
postProcess: 'sentenceCase',
}),
message: t('form.addToPlaylist.noneAdded', { playlist: playlistName }),
});
return;
}
@@ -245,10 +242,7 @@ export const AddToPlaylistAction = ({ items, itemType }: AddToPlaylistActionProp
if (songsToAdd.length === 0) {
toast.info({
message: t('form.addToPlaylist.noneAdded', {
playlist: playlistName,
postProcess: 'sentenceCase',
}),
message: t('form.addToPlaylist.noneAdded', { playlist: playlistName }),
});
return;
}
@@ -267,7 +261,7 @@ export const AddToPlaylistAction = ({ items, itemType }: AddToPlaylistActionProp
onError: (err) => {
toast.error({
message: err.message,
title: t('error.genericError', { postProcess: 'sentenceCase' }),
title: t('error.genericError'),
});
},
onSuccess: () => {},
@@ -278,13 +272,12 @@ export const AddToPlaylistAction = ({ items, itemType }: AddToPlaylistActionProp
message: t('form.addToPlaylist.success', {
message: songsToAdd.length,
numOfPlaylists: 1,
postProcess: 'sentenceCase',
}),
});
} catch (error) {
toast.error({
message: (error as Error).message,
title: t('error.genericError', { postProcess: 'sentenceCase' }),
title: t('error.genericError'),
});
}
},
@@ -347,7 +340,7 @@ export const AddToPlaylistAction = ({ items, itemType }: AddToPlaylistActionProp
},
modal: 'addToPlaylist',
size: 'lg',
title: t('page.contextMenu.addToPlaylist', { postProcess: 'sentenceCase' }),
title: t('page.contextMenu.addToPlaylist'),
});
}, [itemType, items, t]);
@@ -361,12 +354,11 @@ export const AddToPlaylistAction = ({ items, itemType }: AddToPlaylistActionProp
onKeyDown={(e) => e.stopPropagation()}
onPointerDown={(e) => e.stopPropagation()}
pb="xs"
placeholder={t('common.search', { postProcess: 'sentenceCase' })}
placeholder={t('common.search')}
rightSection={
<Tooltip
label={t('form.addToPlaylist.input', {
context: 'skipDuplicates',
postProcess: 'titleCase',
})}
>
<Checkbox
@@ -393,7 +385,7 @@ export const AddToPlaylistAction = ({ items, itemType }: AddToPlaylistActionProp
onSelect={handleOpenModal}
rightIcon="arrowRightS"
>
{t('page.contextMenu.addToPlaylist', { postProcess: 'sentenceCase' })}
{t('page.contextMenu.addToPlaylist')}
</ContextMenu.Item>
</ContextMenu.SubmenuTarget>
<ContextMenu.SubmenuContent stickyContent={searchInput}>
@@ -403,9 +395,7 @@ export const AddToPlaylistAction = ({ items, itemType }: AddToPlaylistActionProp
</ContextMenu.Item>
)}
{playlistsQuery.isError && (
<ContextMenu.Item disabled>
{t('error.genericError', { postProcess: 'sentenceCase' })}
</ContextMenu.Item>
<ContextMenu.Item disabled>{t('error.genericError')}</ContextMenu.Item>
)}
{recentPlaylist && (
<>
@@ -421,9 +411,7 @@ export const AddToPlaylistAction = ({ items, itemType }: AddToPlaylistActionProp
</>
)}
{filteredPlaylists.length === 0 && !playlistsQuery.isLoading && (
<ContextMenu.Item disabled>
{t('common.noResultsFromQuery', { postProcess: 'sentenceCase' })}
</ContextMenu.Item>
<ContextMenu.Item disabled>{t('common.noResultsFromQuery')}</ContextMenu.Item>
)}
{filteredPlaylists.map((playlist) => (
<ContextMenu.Item
src/renderer/features/context-menu/actions/delete-playlist-action.tsx
+5 -5
View File
@@ -38,12 +38,12 @@ export const DeletePlaylistAction = ({ disabled, items }: DeletePlaylistActionPr
navigate(AppRoute.PLAYLISTS, { replace: true });
toast.success({
message: t('action.deletePlaylist', { postProcess: 'sentenceCase' }),
message: t('action.deletePlaylist'),
});
} catch (err: any) {
toast.error({
message: err.message,
title: t('error.genericError', { postProcess: 'sentenceCase' }),
title: t('error.genericError'),
});
}
@@ -56,10 +56,10 @@ export const DeletePlaylistAction = ({ disabled, items }: DeletePlaylistActionPr
openModal({
children: (
<ConfirmModal onConfirm={handleDeletePlaylist}>
<Text>{t('common.areYouSure', { postProcess: 'sentenceCase' })}</Text>
<Text>{t('common.areYouSure')}</Text>
</ConfirmModal>
),
title: t('form.deletePlaylist.title', { postProcess: 'sentenceCase' }),
title: t('form.deletePlaylist.title'),
});
}, [handleDeletePlaylist, items.length, t]);
@@ -67,7 +67,7 @@ export const DeletePlaylistAction = ({ disabled, items }: DeletePlaylistActionPr
return (
<ContextMenu.Item disabled={disabled} leftIcon="remove" onSelect={openDeletePlaylistModal}>
{t('action.deletePlaylist', { postProcess: 'sentenceCase' })}
{t('action.deletePlaylist')}
</ContextMenu.Item>
);
};
src/renderer/features/context-menu/actions/download-action.tsx
+1 -1
View File
@@ -37,7 +37,7 @@ export const DownloadAction = ({ ids }: DownloadActionProps) => {
return (
<ContextMenu.Item disabled={ids.length > 1} leftIcon="download" onSelect={onSelect}>
{t('page.contextMenu.download', { postProcess: 'sentenceCase' })}
{t('page.contextMenu.download')}
</ContextMenu.Item>
);
};
src/renderer/features/context-menu/actions/edit-playlist-action.tsx
+1 -1
View File
@@ -27,7 +27,7 @@ export const EditPlaylistAction = ({ disabled, items }: EditPlaylistActionProps)
return (
<ContextMenu.Item disabled={disabled} leftIcon="edit" onSelect={handleEditPlaylist}>
{t('action.editPlaylist', { postProcess: 'sentenceCase' })}
{t('action.editPlaylist')}
</ContextMenu.Item>
);
};
src/renderer/features/context-menu/actions/get-info-action.tsx
+3 -4
View File
@@ -35,15 +35,14 @@ export const GetInfoAction = ({ disabled, items }: GetInfoActionProps) => {
},
title:
filteredItems.length === 1
? filteredItems[0]?.name ||
t('page.contextMenu.showDetails', { postProcess: 'sentenceCase' })
: t('page.contextMenu.showDetails', { postProcess: 'sentenceCase' }),
? filteredItems[0]?.name || t('page.contextMenu.showDetails')
: t('page.contextMenu.showDetails'),
});
}, [items, server, t]);
return (
<ContextMenu.Item disabled={disabled} leftIcon="info" onSelect={onSelect}>
{t('page.contextMenu.showDetails', { postProcess: 'sentenceCase' })}
{t('page.contextMenu.showDetails')}
</ContextMenu.Item>
);
};
src/renderer/features/context-menu/actions/go-to-action.tsx
+3 -3
View File
@@ -72,13 +72,13 @@ export const GoToAction = ({ items }: GoToActionProps) => {
onSelect={(e) => e.preventDefault()}
rightIcon="arrowRightS"
>
{t('page.contextMenu.goTo', { postProcess: 'sentenceCase' })}
{t('page.contextMenu.goTo')}
</ContextMenu.Item>
</ContextMenu.SubmenuTarget>
<ContextMenu.SubmenuContent>
{hasAlbum && (
<ContextMenu.Item leftIcon="album" onSelect={handleGoToAlbum}>
{t('page.contextMenu.goToAlbum', { postProcess: 'sentenceCase' })}
{t('page.contextMenu.goToAlbum')}
</ContextMenu.Item>
)}
{albumArtists.map((albumArtist) => (
@@ -87,7 +87,7 @@ export const GoToAction = ({ items }: GoToActionProps) => {
leftIcon="artist"
onSelect={() => handleGoToAlbumArtist(albumArtist.id)}
>
{`${t('page.contextMenu.goTo', { postProcess: 'sentenceCase' })} ${albumArtist.name}`}
{`${t('page.contextMenu.goTo')} ${albumArtist.name}`}
</ContextMenu.Item>
))}
</ContextMenu.SubmenuContent>
src/renderer/features/context-menu/actions/move-queue-items-action.tsx
+4 -4
View File
@@ -33,18 +33,18 @@ export const MoveQueueItemsAction = ({ items }: MoveQueueItemsActionProps) => {
onSelect={(e) => e.preventDefault()}
rightIcon="arrowRightS"
>
{t('page.contextMenu.moveItems', { postProcess: 'sentenceCase' })}
{t('page.contextMenu.moveItems')}
</ContextMenu.Item>
</ContextMenu.SubmenuTarget>
<ContextMenu.SubmenuContent>
<ContextMenu.Item leftIcon="arrowUpToLine" onSelect={handleMoveToTop}>
{t('page.contextMenu.moveToTop', { postProcess: 'sentenceCase' })}
{t('page.contextMenu.moveToTop')}
</ContextMenu.Item>
<ContextMenu.Item leftIcon="mediaPlayNext" onSelect={handleMoveToNext}>
{t('page.contextMenu.moveToNext', { postProcess: 'sentenceCase' })}
{t('page.contextMenu.moveToNext')}
</ContextMenu.Item>
<ContextMenu.Item leftIcon="arrowDownToLine" onSelect={handleMoveToBottom}>
{t('page.contextMenu.moveToBottom', { postProcess: 'sentenceCase' })}
{t('page.contextMenu.moveToBottom')}
</ContextMenu.Item>
</ContextMenu.SubmenuContent>
</ContextMenu.Submenu>
src/renderer/features/context-menu/actions/play-action.tsx
+7 -7
View File
@@ -75,28 +75,28 @@ export const PlayAction = ({ ids, itemType, songs }: PlayActionProps) => {
onSelect={defaultPlayAction}
rightIcon="arrowRightS"
>
{t('player.play', { postProcess: 'sentenceCase' })}
{t('player.play')}
</ContextMenu.Item>
</ContextMenu.SubmenuTarget>
<ContextMenu.SubmenuContent>
<ContextMenu.Item leftIcon="mediaPlay" onSelect={handlePlayNow}>
{t('player.play', { postProcess: 'sentenceCase' })}
{t('player.play')}
</ContextMenu.Item>
<ContextMenu.Item leftIcon="mediaPlayNext" onSelect={handlePlayNext}>
{t('player.addNext', { postProcess: 'sentenceCase' })}
{t('player.addNext')}
</ContextMenu.Item>
<ContextMenu.Item leftIcon="mediaPlayLast" onSelect={handlePlayLast}>
{t('player.addLast', { postProcess: 'sentenceCase' })}
{t('player.addLast')}
</ContextMenu.Item>
<ContextMenu.Divider />
<ContextMenu.Item leftIcon="mediaShuffle" onSelect={handlePlayShuffled}>
{t('player.shuffle', { postProcess: 'sentenceCase' })}
{t('player.shuffle')}
</ContextMenu.Item>
<ContextMenu.Item leftIcon="mediaPlayNext" onSelect={handlePlayNextShuffled}>
{t('player.addNextShuffled', { postProcess: 'sentenceCase' })}
{t('player.addNextShuffled')}
</ContextMenu.Item>
<ContextMenu.Item leftIcon="mediaPlayLast" onSelect={handlePlayLastShuffled}>
{t('player.addLastShuffled', { postProcess: 'sentenceCase' })}
{t('player.addLastShuffled')}
</ContextMenu.Item>
</ContextMenu.SubmenuContent>
</ContextMenu.Submenu>
src/renderer/features/context-menu/actions/play-album-radio-action.tsx
+4 -4
View File
@@ -73,18 +73,18 @@ export const PlayAlbumRadioAction = ({ album, disabled }: PlayAlbumRadioActionPr
onSelect={defaultPlayAlbumRadioAction}
rightIcon="arrowRightS"
>
{t('player.albumRadio', { postProcess: 'sentenceCase' })}
{t('player.albumRadio')}
</ContextMenu.Item>
</ContextMenu.SubmenuTarget>
<ContextMenu.SubmenuContent>
<ContextMenu.Item leftIcon="mediaPlay" onSelect={handlePlayAlbumRadioNow}>
{t('player.play', { postProcess: 'sentenceCase' })}
{t('player.play')}
</ContextMenu.Item>
<ContextMenu.Item leftIcon="mediaPlayNext" onSelect={handlePlayAlbumRadioNext}>
{t('player.addNext', { postProcess: 'sentenceCase' })}
{t('player.addNext')}
</ContextMenu.Item>
<ContextMenu.Item leftIcon="mediaPlayLast" onSelect={handlePlayAlbumRadioLast}>
{t('player.addLast', { postProcess: 'sentenceCase' })}
{t('player.addLast')}
</ContextMenu.Item>
</ContextMenu.SubmenuContent>
</ContextMenu.Submenu>
src/renderer/features/context-menu/actions/play-artist-radio-action.tsx
+4 -4
View File
@@ -73,18 +73,18 @@ export const PlayArtistRadioAction = ({ artist, disabled }: PlayArtistRadioActio
onSelect={defaultPlayArtistRadioAction}
rightIcon="arrowRightS"
>
{t('player.artistRadio', { postProcess: 'sentenceCase' })}
{t('player.artistRadio')}
</ContextMenu.Item>
</ContextMenu.SubmenuTarget>
<ContextMenu.SubmenuContent>
<ContextMenu.Item leftIcon="mediaPlay" onSelect={handlePlayArtistRadioNow}>
{t('player.play', { postProcess: 'sentenceCase' })}
{t('player.play')}
</ContextMenu.Item>
<ContextMenu.Item leftIcon="mediaPlayNext" onSelect={handlePlayArtistRadioNext}>
{t('player.addNext', { postProcess: 'sentenceCase' })}
{t('player.addNext')}
</ContextMenu.Item>
<ContextMenu.Item leftIcon="mediaPlayLast" onSelect={handlePlayArtistRadioLast}>
{t('player.addLast', { postProcess: 'sentenceCase' })}
{t('player.addLast')}
</ContextMenu.Item>
</ContextMenu.SubmenuContent>
</ContextMenu.Submenu>
src/renderer/features/context-menu/actions/play-track-radio-action.tsx
+4 -4
View File
@@ -72,18 +72,18 @@ export const PlayTrackRadioAction = ({ disabled, song }: PlayTrackRadioActionPro
onSelect={defaultPlayTrackRadioAction}
rightIcon="arrowRightS"
>
{t('player.trackRadio', { postProcess: 'sentenceCase' })}
{t('player.trackRadio')}
</ContextMenu.Item>
</ContextMenu.SubmenuTarget>
<ContextMenu.SubmenuContent>
<ContextMenu.Item leftIcon="mediaPlay" onSelect={handlePlayTrackRadioNow}>
{t('player.play', { postProcess: 'sentenceCase' })}
{t('player.play')}
</ContextMenu.Item>
<ContextMenu.Item leftIcon="mediaPlayNext" onSelect={handlePlayTrackRadioNext}>
{t('player.addNext', { postProcess: 'sentenceCase' })}
{t('player.addNext')}
</ContextMenu.Item>
<ContextMenu.Item leftIcon="mediaPlayLast" onSelect={handlePlayTrackRadioLast}>
{t('player.addLast', { postProcess: 'sentenceCase' })}
{t('player.addLast')}
</ContextMenu.Item>
</ContextMenu.SubmenuContent>
</ContextMenu.Submenu>
src/renderer/features/context-menu/actions/remove-from-playlist-action.tsx
+5 -5
View File
@@ -39,12 +39,12 @@ export const RemoveFromPlaylistAction = ({ items }: RemoveFromPlaylistActionProp
});
toast.success({
message: t('action.removeFromPlaylist', { postProcess: 'sentenceCase' }),
message: t('action.removeFromPlaylist'),
});
} catch (err: any) {
toast.error({
message: err.message,
title: t('error.genericError', { postProcess: 'sentenceCase' }),
title: t('error.genericError'),
});
}
@@ -57,10 +57,10 @@ export const RemoveFromPlaylistAction = ({ items }: RemoveFromPlaylistActionProp
openModal({
children: (
<ConfirmModal onConfirm={handleRemoveFromPlaylist}>
<Text>{t('common.areYouSure', { postProcess: 'sentenceCase' })}</Text>
<Text>{t('common.areYouSure')}</Text>
</ConfirmModal>
),
title: t('action.removeFromPlaylist', { postProcess: 'sentenceCase' }),
title: t('action.removeFromPlaylist'),
});
}, [handleRemoveFromPlaylist, ids, playlistId, t]);
@@ -68,7 +68,7 @@ export const RemoveFromPlaylistAction = ({ items }: RemoveFromPlaylistActionProp
return (
<ContextMenu.Item leftIcon="remove" onSelect={openRemoveFromPlaylistModal}>
{t('action.removeFromPlaylist', { postProcess: 'sentenceCase' })}
{t('action.removeFromPlaylist')}
</ContextMenu.Item>
);
};
src/renderer/features/context-menu/actions/remove-from-queue-action.tsx
+1 -1
View File
@@ -19,7 +19,7 @@ export const RemoveFromQueueAction = ({ items }: RemoveFromQueueActionProps) =>
return (
<ContextMenu.Item leftIcon="remove" onSelect={onSelect}>
{t('action.removeFromQueue', { postProcess: 'sentenceCase' })}
{t('action.removeFromQueue')}
</ContextMenu.Item>
);
};
src/renderer/features/context-menu/actions/set-favorite-action.tsx
+3 -3
View File
@@ -51,15 +51,15 @@ export const SetFavoriteAction = ({ ids, itemType }: SetFavoriteActionProps) =>
onSelect={(e) => e.preventDefault()}
rightIcon="arrowRightS"
>
{t('common.favorite', { postProcess: 'sentenceCase' })}
{t('common.favorite')}
</ContextMenu.Item>
</ContextMenu.SubmenuTarget>
<ContextMenu.SubmenuContent>
<ContextMenu.Item leftIcon="favorite" onSelect={handleAddToFavorites}>
{t('action.addToFavorites', { postProcess: 'sentenceCase' })}
{t('action.addToFavorites')}
</ContextMenu.Item>
<ContextMenu.Item leftIcon="unfavorite" onSelect={handleRemoveFromFavorites}>
{t('action.removeFromFavorites', { postProcess: 'sentenceCase' })}
{t('action.removeFromFavorites')}
</ContextMenu.Item>
</ContextMenu.SubmenuContent>
</ContextMenu.Submenu>
src/renderer/features/context-menu/actions/set-rating-action.tsx
+1 -1
View File
@@ -41,7 +41,7 @@ export const SetRatingAction = ({ ids, itemType }: SetRatingActionProps) => {
onSelect={(e) => e.preventDefault()}
rightIcon="arrowRightS"
>
{t('action.setRating', { postProcess: 'sentenceCase' })}
{t('action.setRating')}
</ContextMenu.Item>
</ContextMenu.SubmenuTarget>
<ContextMenu.SubmenuContent>
src/renderer/features/context-menu/actions/share-action.tsx
+2 -2
View File
@@ -37,13 +37,13 @@ export const ShareAction = ({ ids, itemType }: ShareActionProps) => {
resourceType,
},
modal: 'shareItem',
title: t('page.contextMenu.shareItem', { postProcess: 'titleCase' }),
title: t('page.contextMenu.shareItem'),
});
}, [ids, resourceType, t]);
return (
<ContextMenu.Item leftIcon="share" onSelect={onSelect}>
{t('page.contextMenu.shareItem', { postProcess: 'sentenceCase' })}
{t('page.contextMenu.shareItem')}
</ContextMenu.Item>
);
};
src/renderer/features/context-menu/actions/show-in-file-explorer-action.tsx
+2 -4
View File
@@ -30,9 +30,7 @@ export const ShowInFileExplorerAction = ({ items }: ShowInFileExplorerActionProp
} catch (error) {
toast.error({
message: (error as Error).message,
title: t('error.openError', {
postProcess: 'sentenceCase',
}),
title: t('error.openError'),
});
}
}, [items, t]);
@@ -47,7 +45,7 @@ export const ShowInFileExplorerAction = ({ items }: ShowInFileExplorerActionProp
return (
<ContextMenu.Item disabled={isDisabled} leftIcon="folder" onSelect={onSelect}>
{t('page.itemDetail.openFile', { postProcess: 'sentenceCase' })}
{t('page.itemDetail.openFile')}
</ContextMenu.Item>
);
};
src/renderer/features/context-menu/actions/shuffle-items-action.tsx
+3 -3
View File
@@ -29,15 +29,15 @@ export const ShuffleItemsAction = ({ items }: ShuffleItemsActionProps) => {
onSelect={(e) => e.preventDefault()}
rightIcon="arrowRightS"
>
{t('action.shuffle', { postProcess: 'sentenceCase' })}
{t('action.shuffle')}
</ContextMenu.Item>
</ContextMenu.SubmenuTarget>
<ContextMenu.SubmenuContent>
<ContextMenu.Item onSelect={handleShuffleSelected}>
{t('action.shuffleSelected', { postProcess: 'sentenceCase' })}
{t('action.shuffleSelected')}
</ContextMenu.Item>
<ContextMenu.Item onSelect={handleShuffleAll}>
{t('action.shuffleAll', { postProcess: 'sentenceCase' })}
{t('action.shuffleAll')}
</ContextMenu.Item>
</ContextMenu.SubmenuContent>
</ContextMenu.Submenu>
src/renderer/features/favorites/components/favorites-header.tsx
+1 -9
View File
@@ -79,9 +79,7 @@ export const FavoritesHeader = ({ itemType }: FavoritesHeaderProps) => {
<Stack gap={0} style={{ cursor: 'pointer' }}>
<Group>
<TextTitle isNoSelect order={3}>
{t('page.favorites.title', {
postProcess: 'sentenceCase',
})}
{t('page.favorites.title')}
</TextTitle>
<Icon icon="dropdown" size="xl" />
</Group>
@@ -89,17 +87,14 @@ export const FavoritesHeader = ({ itemType }: FavoritesHeaderProps) => {
{itemType === LibraryItem.ALBUM &&
t('entity.album', {
count: 2,
postProcess: 'sentenceCase',
})}
{itemType === LibraryItem.ALBUM_ARTIST &&
t('entity.artist', {
count: 2,
postProcess: 'sentenceCase',
})}
{itemType === LibraryItem.SONG &&
t('entity.track', {
count: 2,
postProcess: 'sentenceCase',
})}
</Text>
</Stack>
@@ -112,7 +107,6 @@ export const FavoritesHeader = ({ itemType }: FavoritesHeaderProps) => {
>
{t('entity.track', {
count: 2,
postProcess: 'sentenceCase',
})}
</DropdownMenu.Item>
<DropdownMenu.Item
@@ -122,7 +116,6 @@ export const FavoritesHeader = ({ itemType }: FavoritesHeaderProps) => {
>
{t('entity.album', {
count: 2,
postProcess: 'sentenceCase',
})}
</DropdownMenu.Item>
<DropdownMenu.Item
@@ -134,7 +127,6 @@ export const FavoritesHeader = ({ itemType }: FavoritesHeaderProps) => {
>
{t('entity.artist', {
count: 2,
postProcess: 'sentenceCase',
})}
</DropdownMenu.Item>
</DropdownMenu.Dropdown>
src/renderer/features/folders/components/folder-list-header-filters.tsx
+1 -1
View File
@@ -56,7 +56,7 @@ export const FolderListHeaderFilters = () => {
onClick: () => void;
}> = [];
const homeLabel = t('common.home', { postProcess: 'titleCase' });
const homeLabel = t('common.home');
items.push({
fullLabel: homeLabel,
id: 'folder-root',
src/renderer/features/folders/components/folder-list-header.tsx
+1 -1
View File
@@ -18,7 +18,7 @@ interface FolderListHeaderProps {
export const FolderListHeader = ({ title }: FolderListHeaderProps) => {
const { t } = useTranslation();
const pageTitle = title || t('page.folderList.title', { postProcess: 'titleCase' });
const pageTitle = title || t('page.folderList.title');
return (
<Stack gap={0}>
src/renderer/features/genres/components/genre-detail-header.tsx
+1 -1
View File
@@ -23,7 +23,7 @@ export const GenreDetailHeader = ({ title }: GenreDetailHeaderProps) => {
const { t } = useTranslation();
const { itemCount } = useListContext();
const pageTitle = title || t('page.genreList.title', { postProcess: 'titleCase' });
const pageTitle = title || t('page.genreList.title');
const genreTarget = useGenreTarget();
src/renderer/features/genres/components/genre-list-header.tsx
+1 -1
View File
@@ -19,7 +19,7 @@ interface GenreListHeaderProps {
export const GenreListHeader = ({ title }: GenreListHeaderProps) => {
const { t } = useTranslation();
const pageTitle = title || t('page.genreList.title', { postProcess: 'titleCase' });
const pageTitle = title || t('page.genreList.title');
return (
<Stack gap={0}>
src/renderer/features/home/components/featured-genres.tsx
+2 -2
View File
@@ -120,7 +120,7 @@ export const FeaturedGenres = () => {
<>
<Group align="flex-end" justify="space-between">
<TextTitle fw={700} isNoSelect order={3}>
{t('entity.genre', { count: 2, postProcess: 'titleCase' })}
{t('entity.genre', { count: 2 })}
</TextTitle>
<Button
component={Link}
@@ -128,7 +128,7 @@ export const FeaturedGenres = () => {
to={AppRoute.LIBRARY_GENRES}
variant="subtle"
>
{t('action.viewMore', { postProcess: 'sentenceCase' })}
{t('action.viewMore')}
</Button>
</Group>
<div className={styles.grid}>
src/renderer/features/home/routes/home-route.tsx
+6 -8
View File
@@ -50,35 +50,35 @@ const HomeRoute = () => {
itemType: isJellyfin ? LibraryItem.SONG : LibraryItem.ALBUM,
sortBy: isJellyfin ? SongListSort.PLAY_COUNT : AlbumListSort.PLAY_COUNT,
sortOrder: SortOrder.DESC,
title: t('page.home.mostPlayed', { postProcess: 'sentenceCase' }),
title: t('page.home.mostPlayed'),
},
[HomeItem.RANDOM]: {
enableRefresh: true,
itemType: LibraryItem.ALBUM,
sortBy: AlbumListSort.RANDOM,
sortOrder: SortOrder.ASC,
title: t('page.home.explore', { postProcess: 'sentenceCase' }),
title: t('page.home.explore'),
},
[HomeItem.RECENTLY_ADDED]: {
enableRefresh: true,
itemType: LibraryItem.ALBUM,
sortBy: AlbumListSort.RECENTLY_ADDED,
sortOrder: SortOrder.DESC,
title: t('page.home.newlyAdded', { postProcess: 'sentenceCase' }),
title: t('page.home.newlyAdded'),
},
[HomeItem.RECENTLY_PLAYED]: {
enableRefresh: true,
itemType: isJellyfin ? LibraryItem.SONG : LibraryItem.ALBUM,
sortBy: isJellyfin ? SongListSort.RECENTLY_PLAYED : AlbumListSort.RECENTLY_PLAYED,
sortOrder: SortOrder.DESC,
title: t('page.home.recentlyPlayed', { postProcess: 'sentenceCase' }),
title: t('page.home.recentlyPlayed'),
},
[HomeItem.RECENTLY_RELEASED]: {
enableRefresh: true,
itemType: LibraryItem.ALBUM,
sortBy: AlbumListSort.RELEASE_DATE,
sortOrder: SortOrder.DESC,
title: t('page.home.recentlyReleased', { postProcess: 'sentenceCase' }),
title: t('page.home.recentlyReleased'),
},
};
@@ -98,9 +98,7 @@ const HomeRoute = () => {
backgroundColor: 'var(--theme-colors-background)',
children: (
<LibraryHeaderBar>
<LibraryHeaderBar.Title>
{t('page.home.title', { postProcess: 'titleCase' })}
</LibraryHeaderBar.Title>
<LibraryHeaderBar.Title>{t('page.home.title')}</LibraryHeaderBar.Title>
</LibraryHeaderBar>
),
offset: 200,
src/renderer/features/item-details/components/item-details-modal.tsx
+7 -13
View File
@@ -155,9 +155,9 @@ const AlbumPropertyMapping: ItemDetailRow<Album>[] = [
label: 'filter.explicitStatus',
render: (album, t) =>
album.explicitStatus === ExplicitStatus.EXPLICIT
? t('common.explicit', { postProcess: 'sentenceCase' })
? t('common.explicit')
: album.explicitStatus === ExplicitStatus.CLEAN
? t('common.clean', { postProcess: 'sentenceCase' })
? t('common.clean')
: null,
},
{ label: 'filter.isCompilation', render: (album) => BoolField(album.isCompilation || false) },
@@ -309,9 +309,9 @@ const SongPropertyMapping: ItemDetailRow<Song>[] = [
label: 'filter.explicitStatus',
render: (song, t) =>
song.explicitStatus === ExplicitStatus.EXPLICIT
? t('common.explicit', { postProcess: 'sentenceCase' })
? t('common.explicit')
: song.explicitStatus === ExplicitStatus.CLEAN
? t('common.clean', { postProcess: 'sentenceCase' })
? t('common.clean')
: null,
},
{ count: 2, label: 'entity.genre', render: FormatGenre },
@@ -379,7 +379,7 @@ const handleTags = (item: Album | Song, t: TFunction) => {
if (tags.length) {
return [
<Table.Tr key="tags">
<Table.Th>{t('common.tags', { postProcess: 'sentenceCase' })}</Table.Th>
<Table.Th>{t('common.tags')}</Table.Th>
<Table.Td>{tags.length}</Table.Td>
</Table.Tr>,
].concat(tags);
@@ -406,11 +406,7 @@ const handleParticipants = (item: Album | Song, t: TFunction) => {
if (participants.length) {
return [
<Table.Tr key="participants">
<Table.Th>
{t('common.additionalParticipants', {
postProcess: 'sentenceCase',
})}
</Table.Th>
<Table.Th>{t('common.additionalParticipants')}</Table.Th>
<Table.Td>{participants.length}</Table.Td>
</Table.Tr>,
].concat(participants);
@@ -431,9 +427,7 @@ export const ItemDetailsModal = ({ item, items }: ItemDetailsModalProps) => {
const selectData = useMemo(() => {
return allItems.map((it, index) => ({
label:
it.name ||
`${t('common.item', { defaultValue: 'Item', postProcess: 'sentenceCase' })} ${index + 1}`,
label: it.name || `${t('common.item', { defaultValue: 'Item' })} ${index + 1}`,
value: String(index),
}));
}, [allItems, t]);
src/renderer/features/item-details/components/song-path.tsx
+3 -10
View File
@@ -27,9 +27,7 @@ export const SongPath = ({ path }: SongPathProps) => {
<Tooltip
label={t(
copied ? 'page.itemDetail.copiedPath' : 'page.itemDetail.copyPath',
{
postProcess: 'sentenceCase',
},
{},
)}
withinPortal
>
@@ -40,19 +38,14 @@ export const SongPath = ({ path }: SongPathProps) => {
)}
</CopyButton>
{util && (
<Tooltip
label={t('page.itemDetail.openFile', { postProcess: 'sentenceCase' })}
withinPortal
>
<Tooltip label={t('page.itemDetail.openFile')} withinPortal>
<ActionIcon
icon="externalLink"
onClick={() => {
util.openItem(path).catch((error) => {
toast.error({
message: (error as Error).message,
title: t('error.openError', {
postProcess: 'sentenceCase',
}),
title: t('error.openError'),
});
});
}}
src/renderer/features/login/routes/login-route.tsx
+5 -13
View File
@@ -115,12 +115,8 @@ const LoginRoute = () => {
<PageHeader />
<Center style={{ height: '100%', width: '100vw' }}>
<Stack>
<TextTitle fw={600}>
{t('error.genericError', { postProcess: 'sentenceCase' })}
</TextTitle>
<Text fw={500}>
{t('error.serverNotSelectedError', { postProcess: 'sentenceCase' })}
</Text>
<TextTitle fw={600}>{t('error.genericError')}</TextTitle>
<Text fw={500}>{t('error.serverNotSelectedError')}</Text>
<Code block>{JSON.stringify(config, null, 2)}</Code>
</Stack>
</Center>
@@ -133,7 +129,7 @@ const LoginRoute = () => {
if (!authFunction) {
return toast.error({
message: t('error.invalidServer', { postProcess: 'sentenceCase' }),
message: t('error.invalidServer'),
});
}
@@ -151,7 +147,7 @@ const LoginRoute = () => {
if (!data) {
return toast.error({
message: t('error.authenticationFailed', { postProcess: 'sentenceCase' }),
message: t('error.authenticationFailed'),
});
}
@@ -195,7 +191,7 @@ const LoginRoute = () => {
}
toast.success({
message: t('form.addServer.success', { postProcess: 'sentenceCase' }),
message: t('form.addServer.success'),
});
if (localSettings && values.password) {
@@ -204,7 +200,6 @@ const LoginRoute = () => {
toast.error({
message: t('form.addServer.error', {
context: 'savePassword',
postProcess: 'sentenceCase',
}),
});
}
@@ -250,7 +245,6 @@ const LoginRoute = () => {
data-autofocus
label={t('form.addServer.input', {
context: 'username',
postProcess: 'titleCase',
})}
required
variant="filled"
@@ -259,7 +253,6 @@ const LoginRoute = () => {
<PasswordInput
label={t('form.addServer.input', {
context: 'password',
postProcess: 'titleCase',
})}
required
variant="filled"
@@ -277,7 +270,6 @@ const LoginRoute = () => {
>
{t('common.login', {
defaultValue: 'Login',
postProcess: 'titleCase',
})}
</Button>
</Stack>
src/renderer/features/lyrics/components/lyrics-export-form.tsx
+3 -5
View File
@@ -85,7 +85,6 @@ ${contents}
data-autofocus
label={t('form.lyricsExport.input', {
context: 'synced',
postProcess: 'titleCase',
})}
{...form.getInputProps('synced', { type: 'checkbox' })}
/>
@@ -93,7 +92,6 @@ ${contents}
data-autofocus
label={t('form.lyricsExport.input', {
context: 'offset',
postProcess: 'titleCase',
})}
{...form.getInputProps('offsetMs')}
/>
@@ -104,10 +102,10 @@ ${contents}
<Divider />
<Group justify="flex-end">
<Button onClick={() => closeAllModals()} variant="default">
{t('common.close', { postProcess: 'titleCase' })}
{t('common.close')}
</Button>
<Button onClick={exportLyrics} variant="filled">
{t('form.lyricsExport.export', { postProcess: 'titleCase' })}
{t('form.lyricsExport.export')}
</Button>
</Group>
</Stack>
@@ -123,6 +121,6 @@ export const openLyricsExportModal = ({ lyrics, offsetMs, synced }: LyricsExport
height: '600px',
},
},
title: i18n.t('form.lyricSearch.title', { postProcess: 'titleCase' }) as string,
title: i18n.t('form.lyricSearch.title') as string,
});
};
src/renderer/features/lyrics/components/lyrics-search-form.tsx
+8 -18
View File
@@ -57,17 +57,13 @@ const SearchResult = ({ data, isSelected, onClick }: SearchResultProps) => {
const syncStatus = useMemo(() => {
if (isSync === true) {
return t('page.fullscreenPlayer.config.synchronized', {
postProcess: 'sentenceCase',
});
return t('page.fullscreenPlayer.config.synchronized');
}
if (isSync === false) {
return t('page.fullscreenPlayer.config.unsynchronized', {
postProcess: 'sentenceCase',
});
return t('page.fullscreenPlayer.config.unsynchronized');
}
return t('common.unknown', { postProcess: 'titleCase' });
return t('common.unknown');
}, [isSync, t]);
return (
@@ -186,7 +182,6 @@ export const LyricsSearchForm = ({ artist, name, onSearchOverride }: LyricSearch
data-autofocus
label={t('form.lyricSearch.input', {
context: 'name',
postProcess: 'titleCase',
})}
rightSection={
form.values.name ? (
@@ -203,7 +198,6 @@ export const LyricsSearchForm = ({ artist, name, onSearchOverride }: LyricSearch
<TextInput
label={t('form.lyricSearch.input', {
context: 'artist',
postProcess: 'titleCase',
})}
rightSection={
form.values.artist ? (
@@ -288,11 +282,7 @@ export const LyricsSearchForm = ({ artist, name, onSearchOverride }: LyricSearch
</div>
) : (
<Center>
<Text isMuted>
{t('page.fullscreenPlayer.noLyrics', {
postProcess: 'sentenceCase',
})}
</Text>
<Text isMuted>{t('page.fullscreenPlayer.noLyrics')}</Text>
</Center>
)}
</ScrollArea>
@@ -302,17 +292,17 @@ export const LyricsSearchForm = ({ artist, name, onSearchOverride }: LyricSearch
<Divider />
<Group justify="flex-end">
<Button onClick={() => closeAllModals()} variant="default">
{t('common.cancel', { postProcess: 'titleCase' })}
{t('common.cancel')}
</Button>
<Button
disabled={!selectedResult || !previewData}
onClick={handleExport}
variant="default"
>
{t('form.lyricsExport.export', { postProcess: 'titleCase' })}
{t('form.lyricsExport.export')}
</Button>
<Button disabled={!selectedResult} onClick={handleApply} variant="filled">
{t('common.confirm', { postProcess: 'titleCase' })}
{t('common.confirm')}
</Button>
</Group>
</Stack>
@@ -330,6 +320,6 @@ export const openLyricSearchModal = ({ artist, name, onSearchOverride }: LyricSe
height: '600px',
},
},
title: i18n.t('form.lyricSearch.title', { postProcess: 'titleCase' }) as string,
title: i18n.t('form.lyricSearch.title') as string,
});
};
src/renderer/features/lyrics/components/lyrics-settings-form.tsx
+20 -45
View File
@@ -79,7 +79,6 @@ export const LyricsSettingsForm = ({ settingsKey }: LyricsSettingsFormProps) =>
description: '',
title: t(
`${t('page.fullscreenPlayer.config.lyricSize')} (${t('page.fullscreenPlayer.config.synchronized')})`,
{ postProcess: 'sentenceCase' },
),
},
{
@@ -102,7 +101,6 @@ export const LyricsSettingsForm = ({ settingsKey }: LyricsSettingsFormProps) =>
description: '',
title: t(
`${t('page.fullscreenPlayer.config.lyricSize')} (${t('page.fullscreenPlayer.config.unsynchronized')})`,
{ postProcess: 'sentenceCase' },
),
},
{
@@ -125,7 +123,6 @@ export const LyricsSettingsForm = ({ settingsKey }: LyricsSettingsFormProps) =>
description: '',
title: t(
`${t('page.fullscreenPlayer.config.lyricGap')} (${t('page.fullscreenPlayer.config.synchronized')})`,
{ postProcess: 'sentenceCase' },
),
},
{
@@ -148,19 +145,18 @@ export const LyricsSettingsForm = ({ settingsKey }: LyricsSettingsFormProps) =>
description: '',
title: t(
`${t('page.fullscreenPlayer.config.lyricGap')} (${t('page.fullscreenPlayer.config.unsynchronized')})`,
{ postProcess: 'sentenceCase' },
),
},
{
control: (
<SegmentedControl
data={[
{ label: t('common.left', { postProcess: 'titleCase' }), value: 'left' },
{ label: t('common.left'), value: 'left' },
{
label: t('common.center', { postProcess: 'titleCase' }),
label: t('common.center'),
value: 'center',
},
{ label: t('common.right', { postProcess: 'titleCase' }), value: 'right' },
{ label: t('common.right'), value: 'right' },
]}
onChange={(value) =>
updateLyricsSetting({ alignment: value as 'center' | 'left' | 'right' })
@@ -169,9 +165,7 @@ export const LyricsSettingsForm = ({ settingsKey }: LyricsSettingsFormProps) =>
/>
),
description: '',
title: t('page.fullscreenPlayer.config.lyricAlignment', {
postProcess: 'sentenceCase',
}),
title: t('page.fullscreenPlayer.config.lyricAlignment'),
},
{
control: (
@@ -182,9 +176,7 @@ export const LyricsSettingsForm = ({ settingsKey }: LyricsSettingsFormProps) =>
/>
),
description: '',
title: t('page.fullscreenPlayer.config.followCurrentLyric', {
postProcess: 'sentenceCase',
}),
title: t('page.fullscreenPlayer.config.followCurrentLyric'),
},
{
control: (
@@ -203,9 +195,7 @@ export const LyricsSettingsForm = ({ settingsKey }: LyricsSettingsFormProps) =>
/>
),
description: '',
title: t(`${t('page.fullscreenPlayer.config.lyricOpacityNonActive')}`, {
postProcess: 'sentenceCase',
}),
title: t(`${t('page.fullscreenPlayer.config.lyricOpacityNonActive')}`, {}),
},
{
control: (
@@ -224,9 +214,7 @@ export const LyricsSettingsForm = ({ settingsKey }: LyricsSettingsFormProps) =>
/>
),
description: '',
title: t(`${t('page.fullscreenPlayer.config.lyricScaleNonActive')}`, {
postProcess: 'sentenceCase',
}),
title: t(`${t('page.fullscreenPlayer.config.lyricScaleNonActive')}`, {}),
},
{
control: (
@@ -237,9 +225,7 @@ export const LyricsSettingsForm = ({ settingsKey }: LyricsSettingsFormProps) =>
/>
),
description: '',
title: t('page.fullscreenPlayer.config.showLyricMatch', {
postProcess: 'sentenceCase',
}),
title: t('page.fullscreenPlayer.config.showLyricMatch'),
},
{
control: (
@@ -250,9 +236,7 @@ export const LyricsSettingsForm = ({ settingsKey }: LyricsSettingsFormProps) =>
/>
),
description: '',
title: t('page.fullscreenPlayer.config.showLyricProvider', {
postProcess: 'sentenceCase',
}),
title: t('page.fullscreenPlayer.config.showLyricProvider'),
},
];
@@ -269,10 +253,9 @@ export const LyricsSettingsForm = ({ settingsKey }: LyricsSettingsFormProps) =>
),
description: t('setting.preferLocalLyrics', {
context: 'description',
postProcess: 'sentenceCase',
}),
isHidden: !isElectron(),
title: t('setting.preferLocalLyrics', { postProcess: 'sentenceCase' }),
title: t('setting.preferLocalLyrics'),
},
{
control: (
@@ -284,10 +267,9 @@ export const LyricsSettingsForm = ({ settingsKey }: LyricsSettingsFormProps) =>
),
description: t('setting.lyricFetch', {
context: 'description',
postProcess: 'sentenceCase',
}),
isHidden: !isElectron(),
title: t('setting.lyricFetch', { postProcess: 'sentenceCase' }),
title: t('setting.lyricFetch'),
},
{
control: (
@@ -305,10 +287,9 @@ export const LyricsSettingsForm = ({ settingsKey }: LyricsSettingsFormProps) =>
),
description: t('setting.lyricFetchProvider', {
context: 'description',
postProcess: 'sentenceCase',
}),
isHidden: !isElectron(),
title: t('setting.lyricFetchProvider', { postProcess: 'sentenceCase' }),
title: t('setting.lyricFetchProvider'),
},
{
control: (
@@ -324,10 +305,9 @@ export const LyricsSettingsForm = ({ settingsKey }: LyricsSettingsFormProps) =>
),
description: t('setting.neteaseTranslation', {
context: 'description',
postProcess: 'sentenceCase',
}),
isHidden: !isElectron(),
title: t('setting.neteaseTranslation', { postProcess: 'sentenceCase' }),
title: t('setting.neteaseTranslation'),
},
{
control: (
@@ -343,10 +323,9 @@ export const LyricsSettingsForm = ({ settingsKey }: LyricsSettingsFormProps) =>
),
description: t('setting.lyricOffset', {
context: 'description',
postProcess: 'sentenceCase',
}),
isHidden: !isElectron(),
title: t('setting.lyricOffset', { postProcess: 'sentenceCase' }),
title: t('setting.lyricOffset'),
},
{
control: (
@@ -360,10 +339,9 @@ export const LyricsSettingsForm = ({ settingsKey }: LyricsSettingsFormProps) =>
),
description: t('setting.translationTargetLanguage', {
context: 'description',
postProcess: 'sentenceCase',
}),
isHidden: !isElectron(),
title: t('setting.translationTargetLanguage', { postProcess: 'sentenceCase' }),
title: t('setting.translationTargetLanguage'),
},
{
control: (
@@ -378,10 +356,9 @@ export const LyricsSettingsForm = ({ settingsKey }: LyricsSettingsFormProps) =>
),
description: t('setting.translationApiProvider', {
context: 'description',
postProcess: 'sentenceCase',
}),
isHidden: !isElectron(),
title: t('setting.translationApiProvider', { postProcess: 'sentenceCase' }),
title: t('setting.translationApiProvider'),
},
{
control: (
@@ -394,10 +371,9 @@ export const LyricsSettingsForm = ({ settingsKey }: LyricsSettingsFormProps) =>
),
description: t('setting.translationApiKey', {
context: 'description',
postProcess: 'sentenceCase',
}),
isHidden: !isElectron(),
title: t('setting.translationApiKey', { postProcess: 'sentenceCase' }),
title: t('setting.translationApiKey'),
},
{
control: (
@@ -411,19 +387,18 @@ export const LyricsSettingsForm = ({ settingsKey }: LyricsSettingsFormProps) =>
),
description: t('setting.enableAutoTranslation', {
context: 'description',
postProcess: 'sentenceCase',
}),
isHidden: !isElectron(),
title: t('setting.enableAutoTranslation', { postProcess: 'sentenceCase' }),
title: t('setting.enableAutoTranslation'),
},
];
return (
<Stack gap="md" p="md">
<Fieldset legend={t('page.setting.lyricsDisplay', { postProcess: 'sentenceCase' })}>
<Fieldset legend={t('page.setting.lyricsDisplay')}>
<SettingsSection options={displayOptions} />
</Fieldset>
<Fieldset legend={t('page.setting.lyrics', { postProcess: 'sentenceCase' })}>
<Fieldset legend={t('page.setting.lyrics')}>
<SettingsSection options={lyricOptions} />
</Fieldset>
</Stack>
src/renderer/features/lyrics/lyrics-actions.tsx
+7 -12
View File
@@ -70,7 +70,7 @@ export const LyricsActions = ({
uppercase
variant="subtle"
>
{t('form.lyricsExport.export', { postProcess: 'sentenceCase ' })}
{t('form.lyricsExport.export')}
</Button>
</Center>
)}
@@ -89,7 +89,7 @@ export const LyricsActions = ({
uppercase
variant="subtle"
>
{t('common.search', { postProcess: 'titleCase' })}
{t('common.search')}
</Button>
) : null}
<ActionIcon
@@ -97,15 +97,12 @@ export const LyricsActions = ({
icon="minus"
onClick={() => handleLyricOffset(offsetMs - 50)}
tooltip={{
label: t('common.slower', { postProcess: 'sentenceCase' }),
label: t('common.slower'),
openDelay: 0,
}}
variant="subtle"
/>
<Tooltip
label={t('setting.lyricOffset', { postProcess: 'sentenceCase' })}
openDelay={0}
>
<Tooltip label={t('setting.lyricOffset')} openDelay={0}>
<NumberInput
aria-label="Lyric offset"
onChange={handleLyricOffset}
@@ -119,7 +116,7 @@ export const LyricsActions = ({
icon="plus"
onClick={() => handleLyricOffset(offsetMs + 50)}
tooltip={{
label: t('common.faster', { postProcess: 'sentenceCase' }),
label: t('common.faster'),
openDelay: 0,
}}
variant="subtle"
@@ -131,9 +128,7 @@ export const LyricsActions = ({
uppercase
variant="subtle"
>
{hasLyrics
? t('common.clear', { postProcess: 'sentenceCase' })
: t('common.refresh', { postProcess: 'sentenceCase' })}
{hasLyrics ? t('common.clear') : t('common.refresh')}
</Button>
) : null}
</Group>
@@ -146,7 +141,7 @@ export const LyricsActions = ({
uppercase
variant="subtle"
>
{t('common.translation', { postProcess: 'sentenceCase' })}
{t('common.translation')}
</Button>
) : null}
</div>
src/renderer/features/lyrics/lyrics.tsx
+1 -3
View File
@@ -318,9 +318,7 @@ export const Lyrics = ({ fadeOutNoLyricsMessage = true, settingsKey = 'default'
>
<Group>
<Text fw={500} isMuted isNoSelect>
{t('page.fullscreenPlayer.noLyrics', {
postProcess: 'sentenceCase',
})}
{t('page.fullscreenPlayer.noLyrics')}
</Text>
</Group>
</motion.div>
src/renderer/features/lyrics/utils/open-lyrics-settings-modal.ts
+1 -1
View File
@@ -19,7 +19,7 @@ export const openLyricsSettingsModal = (settingsKey: string = 'default') => {
width: '100%',
},
},
title: i18n.t('common.setting', { count: 2, postProcess: 'titleCase' }),
title: i18n.t('common.setting', { count: 2 }),
transitionProps: {
transition: 'pop',
},
src/renderer/features/now-playing/components/now-playing-header.tsx
+1 -3
View File
@@ -9,9 +9,7 @@ export const NowPlayingHeader = () => {
return (
<PageHeader>
<LibraryHeaderBar ignoreMaxWidth>
<LibraryHeaderBar.Title>
{t('page.sidebar.nowPlaying', { postProcess: 'titleCase' })}
</LibraryHeaderBar.Title>
<LibraryHeaderBar.Title>{t('page.sidebar.nowPlaying')}</LibraryHeaderBar.Title>
</LibraryHeaderBar>
</PageHeader>
);
src/renderer/features/now-playing/components/play-queue-list-controls.tsx
+5 -9
View File
@@ -108,21 +108,21 @@ const QueuePlaybackIcons = ({ tableRef }: { tableRef: RefObject<ItemListHandle |
icon="mediaShuffle"
iconProps={{ size: 'lg' }}
onClick={handleShuffleQueue}
tooltip={{ label: t('player.shuffle', { postProcess: 'sentenceCase' }) }}
tooltip={{ label: t('player.shuffle') }}
variant="subtle"
/>
<ActionIcon
icon="x"
iconProps={{ size: 'lg' }}
onClick={handleClearQueue}
tooltip={{ label: t('action.clearQueue', { postProcess: 'sentenceCase' }) }}
tooltip={{ label: t('action.clearQueue') }}
variant="subtle"
/>
<ActionIcon
icon="goToItem"
iconProps={{ size: 'lg' }}
onClick={handleJumpToCurrent}
tooltip={{ label: t('action.goToCurrent', { postProcess: 'sentenceCase' }) }}
tooltip={{ label: t('action.goToCurrent') }}
variant="subtle"
/>
</>
@@ -152,9 +152,7 @@ const QueueRestoreActions = () => {
loading={isSavingQueue}
onClick={() => handleSaveQueue()}
tooltip={{
label: t('player.saveQueueToServer', {
postProcess: 'sentenceCase',
}),
label: t('player.saveQueueToServer'),
}}
variant="subtle"
/>
@@ -165,9 +163,7 @@ const QueueRestoreActions = () => {
loading={Boolean(isFetching)}
onClick={handleRestoreQueue}
tooltip={{
label: t('player.restoreQueueFromServer', {
postProcess: 'sentenceCase',
}),
label: t('player.restoreQueueFromServer'),
}}
variant="subtle"
/>
src/renderer/features/now-playing/components/popover-play-queue.tsx
+1 -1
View File
@@ -51,7 +51,7 @@ export const PopoverPlayQueue = ({
onClick={handleToggle}
size="sm"
tooltip={{
label: t('player.viewQueue', { postProcess: 'titleCase' }),
label: t('player.viewQueue'),
openDelay: 0,
}}
variant="subtle"
src/renderer/features/now-playing/components/sidebar-play-queue.tsx
+3 -3
View File
@@ -313,7 +313,7 @@ const PanelReorderControls = ({ panelType }: { panelType: 'lyrics' | 'visualizer
onClick={handleMoveUp}
size="xs"
tooltip={{
label: t('action.moveUp', { postProcess: 'sentenceCase' }),
label: t('action.moveUp'),
}}
variant="subtle"
/>
@@ -324,7 +324,7 @@ const PanelReorderControls = ({ panelType }: { panelType: 'lyrics' | 'visualizer
onClick={handleMoveDown}
size="xs"
tooltip={{
label: t('action.moveDown', { postProcess: 'sentenceCase' }),
label: t('action.moveDown'),
}}
variant="subtle"
/>
@@ -334,7 +334,7 @@ const PanelReorderControls = ({ panelType }: { panelType: 'lyrics' | 'visualizer
onClick={handleClose}
size="xs"
tooltip={{
label: t('common.close', { postProcess: 'sentenceCase' }),
label: t('common.close'),
}}
variant="subtle"
/>
src/renderer/features/player/audio-player/hooks/use-main-player-listener.tsx
+1 -1
View File
@@ -35,7 +35,7 @@ export const useMainPlayerListener = () => {
toast.error({
id: 'mpv-error',
message,
title: t('error.playbackError', { postProcess: 'sentenceCase' }) as string,
title: t('error.playbackError') as string,
});
mediaPause();
mpvPlayer!.pause();
src/renderer/features/player/audio-player/web-player.tsx
+1 -1
View File
@@ -470,7 +470,7 @@ export function WebPlayer() {
const handleOnErrorPause = useCallback(() => {
mediaPause();
toast.error({
message: t('error.playbackPausedDueToError', { postProcess: 'sentenceCase' }),
message: t('error.playbackPausedDueToError'),
});
}, [mediaPause, t]);
src/renderer/features/player/components/center-controls.tsx
+6 -12
View File
@@ -95,7 +95,7 @@ const RadioStopButton = ({ disabled }: { disabled?: boolean }) => {
icon={<Icon fill="default" icon="mediaStop" size={buttonSize - 2} />}
onClick={stop}
tooltip={{
label: t('player.stop', { postProcess: 'sentenceCase' }),
label: t('player.stop'),
openDelay: 0,
}}
variant="tertiary"
@@ -114,7 +114,7 @@ const StopButton = ({ disabled }: { disabled?: boolean }) => {
icon={<Icon fill="default" icon="mediaStop" size={buttonSize - 2} />}
onClick={() => mediaStop()}
tooltip={{
label: t('player.stop', { postProcess: 'sentenceCase' }),
label: t('player.stop'),
openDelay: 0,
}}
variant="tertiary"
@@ -145,9 +145,8 @@ const ShuffleButton = ({ disabled }: { disabled?: boolean }) => {
shuffle === PlayerShuffle.NONE
? t('player.shuffle', {
context: 'off',
postProcess: 'sentenceCase',
})
: t('player.shuffle', { postProcess: 'sentenceCase' }),
: t('player.shuffle'),
openDelay: 0,
}}
variant="tertiary"
@@ -166,7 +165,7 @@ const PreviousButton = ({ disabled }: { disabled?: boolean }) => {
icon={<Icon fill="default" icon="mediaPrevious" size={buttonSize} />}
onClick={mediaPrevious}
tooltip={{
label: t('player.previous', { postProcess: 'sentenceCase' }),
label: t('player.previous'),
openDelay: 0,
}}
variant="secondary"
@@ -187,7 +186,6 @@ const SkipBackwardButton = ({ disabled }: { disabled?: boolean }) => {
tooltip={{
label: t('player.skip', {
context: 'back',
postProcess: 'sentenceCase',
}),
openDelay: 0,
}}
@@ -224,7 +222,6 @@ const SkipForwardButton = ({ disabled }: { disabled?: boolean }) => {
tooltip={{
label: t('player.skip', {
context: 'forward',
postProcess: 'sentenceCase',
}),
openDelay: 0,
}}
@@ -244,7 +241,7 @@ const NextButton = ({ disabled }: { disabled?: boolean }) => {
icon={<Icon fill="default" icon="mediaNext" size={buttonSize} />}
onClick={mediaNext}
tooltip={{
label: t('player.next', { postProcess: 'sentenceCase' }),
label: t('player.next'),
openDelay: 0,
}}
variant="secondary"
@@ -279,16 +276,13 @@ const RepeatButton = ({ disabled }: { disabled?: boolean }) => {
repeat === PlayerRepeat.NONE
? t('player.repeat', {
context: 'off',
postProcess: 'sentenceCase',
})
: repeat === PlayerRepeat.ALL
? t('player.repeat', {
context: 'all',
postProcess: 'sentenceCase',
})
: t('player.repeat', {
context: 'one',
postProcess: 'sentenceCase',
})
}`,
openDelay: 0,
@@ -308,7 +302,7 @@ const ShuffleAllButton = ({ disabled }: { disabled?: boolean }) => {
icon={<Icon fill="default" icon="mediaRandom" size={buttonSize} />}
onClick={() => openShuffleAllModal()}
tooltip={{
label: t('form.shuffleAll.title', { postProcess: 'sentenceCase' }),
label: t('form.shuffleAll.title'),
openDelay: 0,
}}
variant="tertiary"
src/renderer/features/player/components/full-screen-player-queue.tsx
+1 -1
View File
@@ -58,7 +58,7 @@ export const FullScreenPlayerQueue = () => {
if (webAudio) {
items.push({
active: activeTab === 'visualizer',
label: t('page.fullscreenPlayer.visualizer', { postProcess: 'titleCase' }),
label: t('page.fullscreenPlayer.visualizer'),
onClick: () => setStore({ activeTab: 'visualizer' }),
});
}
src/renderer/features/player/components/full-screen-player.tsx
+19 -61
View File
@@ -288,7 +288,7 @@ const Controls = () => {
icon="arrowDownS"
iconProps={{ size: 'lg' }}
onClick={handleToggleFullScreenPlayer}
tooltip={{ label: t('common.minimize', { postProcess: 'titleCase' }) }}
tooltip={{ label: t('common.minimize') }}
variant="subtle"
/>
<Popover position="bottom-start">
@@ -296,16 +296,14 @@ const Controls = () => {
<ActionIcon
icon="settings2"
iconProps={{ size: 'lg' }}
tooltip={{ label: t('common.configure', { postProcess: 'titleCase' }) }}
tooltip={{ label: t('common.configure') }}
variant="subtle"
/>
</Popover.Target>
<Popover.Dropdown>
<Option>
<Option.Label>
{t('page.fullscreenPlayer.config.dynamicBackground', {
postProcess: 'sentenceCase',
})}
{t('page.fullscreenPlayer.config.dynamicBackground')}
</Option.Label>
<Option.Control>
<Switch
@@ -321,9 +319,7 @@ const Controls = () => {
{dynamicBackground && (
<Option>
<Option.Label>
{t('page.fullscreenPlayer.config.dynamicIsImage', {
postProcess: 'sentenceCase',
})}
{t('page.fullscreenPlayer.config.dynamicIsImage')}
</Option.Label>
<Option.Control>
<Switch
@@ -340,9 +336,7 @@ const Controls = () => {
{dynamicBackground && dynamicIsImage && (
<Option>
<Option.Label>
{t('page.fullscreenPlayer.config.dynamicImageBlur', {
postProcess: 'sentenceCase',
})}
{t('page.fullscreenPlayer.config.dynamicImageBlur')}
</Option.Label>
<Option.Control>
<Slider
@@ -359,11 +353,7 @@ const Controls = () => {
)}
{dynamicBackground && (
<Option>
<Option.Label>
{t('page.fullscreenPlayer.config.opacity', {
postProcess: 'sentenceCase',
})}
</Option.Label>
<Option.Label>{t('page.fullscreenPlayer.config.opacity')}</Option.Label>
<Option.Control>
<Slider
defaultValue={opacity}
@@ -378,9 +368,7 @@ const Controls = () => {
)}
<Option>
<Option.Label>
{t('page.fullscreenPlayer.config.useImageAspectRatio', {
postProcess: 'sentenceCase',
})}
{t('page.fullscreenPlayer.config.useImageAspectRatio')}
</Option.Label>
<Option.Control>
<Switch
@@ -396,9 +384,7 @@ const Controls = () => {
<Divider my="sm" />
<Option>
<Option.Label>
{t('page.fullscreenPlayer.config.followCurrentLyric', {
postProcess: 'sentenceCase',
})}
{t('page.fullscreenPlayer.config.followCurrentLyric')}
</Option.Label>
<Option.Control>
<Switch
@@ -411,9 +397,7 @@ const Controls = () => {
</Option>
<Option>
<Option.Label>
{t('page.fullscreenPlayer.config.showLyricProvider', {
postProcess: 'sentenceCase',
})}
{t('page.fullscreenPlayer.config.showLyricProvider')}
</Option.Label>
<Option.Control>
<Switch
@@ -426,9 +410,7 @@ const Controls = () => {
</Option>
<Option>
<Option.Label>
{t('page.fullscreenPlayer.config.showLyricMatch', {
postProcess: 'sentenceCase',
})}
{t('page.fullscreenPlayer.config.showLyricMatch')}
</Option.Label>
<Option.Control>
<Switch
@@ -440,19 +422,13 @@ const Controls = () => {
</Option.Control>
</Option>
<Option>
<Option.Label>
{t('page.fullscreenPlayer.config.lyricSize', {
postProcess: 'sentenceCase',
})}
</Option.Label>
<Option.Label>{t('page.fullscreenPlayer.config.lyricSize')}</Option.Label>
<Option.Control>
<Group w="100%" wrap="nowrap">
<Slider
defaultValue={lyricConfig.fontSize}
label={(e) =>
`${t('page.fullscreenPlayer.config.synchronized', {
postProcess: 'titleCase',
})}: ${e}px`
`${t('page.fullscreenPlayer.config.synchronized')}: ${e}px`
}
max={72}
min={8}
@@ -462,9 +438,7 @@ const Controls = () => {
<Slider
defaultValue={lyricConfig.fontSize}
label={(e) =>
`${t('page.fullscreenPlayer.config.unsynchronized', {
postProcess: 'sentenceCase',
})}: ${e}px`
`${t('page.fullscreenPlayer.config.unsynchronized')}: ${e}px`
}
max={72}
min={8}
@@ -477,11 +451,7 @@ const Controls = () => {
</Option.Control>
</Option>
<Option>
<Option.Label>
{t('page.fullscreenPlayer.config.lyricGap', {
postProcess: 'sentenceCase',
})}
</Option.Label>
<Option.Label>{t('page.fullscreenPlayer.config.lyricGap')}</Option.Label>
<Option.Control>
<Group w="100%" wrap="nowrap">
<Slider
@@ -507,29 +477,21 @@ const Controls = () => {
</Option>
<Option>
<Option.Label>
{t('page.fullscreenPlayer.config.lyricAlignment', {
postProcess: 'sentenceCase',
})}
{t('page.fullscreenPlayer.config.lyricAlignment')}
</Option.Label>
<Option.Control>
<SegmentedControl
data={[
{
label: t('common.left', {
postProcess: 'titleCase',
}),
label: t('common.left'),
value: 'left',
},
{
label: t('common.center', {
postProcess: 'titleCase',
}),
label: t('common.center'),
value: 'center',
},
{
label: t('common.right', {
postProcess: 'titleCase',
}),
label: t('common.right'),
value: 'right',
},
]}
@@ -539,11 +501,7 @@ const Controls = () => {
</Option.Control>
</Option>
<Option>
<Option.Label>
{t('page.fullscreenPlayer.config.lyricOffset', {
postProcess: 'sentenceCase',
})}
</Option.Label>
<Option.Label>{t('page.fullscreenPlayer.config.lyricOffset')}</Option.Label>
<Option.Control>
<NumberInput
defaultValue={lyricConfig.delayMs}
src/renderer/features/player/components/left-controls.tsx
+2 -9
View File
@@ -130,12 +130,7 @@ export const LeftControls = () => {
role="button"
transition={{ duration: 0.2, ease: 'easeIn' }}
>
<Tooltip
label={t('player.toggleFullscreenPlayer', {
postProcess: 'sentenceCase',
})}
openDelay={0}
>
<Tooltip label={t('player.toggleFullscreenPlayer')} openDelay={0}>
{isRadioMode && hasRadioStationImage ? (
<ItemImage
className={clsx(
@@ -192,9 +187,7 @@ export const LeftControls = () => {
top: 2,
}}
tooltip={{
label: t('common.expand', {
postProcess: 'titleCase',
}),
label: t('common.expand'),
openDelay: 0,
}}
/>
src/renderer/features/player/components/mobile-fullscreen-player-controls.tsx
+2 -4
View File
@@ -33,7 +33,7 @@ export const MobileFullscreenPlayerControls = memo(
icon={<Icon fill="default" icon="mediaPrevious" size="xl" />}
onClick={mediaPrevious}
tooltip={{
label: t('player.previous', { postProcess: 'sentenceCase' }),
label: t('player.previous'),
openDelay: 0,
}}
variant="secondary"
@@ -44,7 +44,6 @@ export const MobileFullscreenPlayerControls = memo(
tooltip={{
label: t('player.skip', {
context: 'back',
postProcess: 'sentenceCase',
}),
openDelay: 0,
}}
@@ -65,7 +64,6 @@ export const MobileFullscreenPlayerControls = memo(
tooltip={{
label: t('player.skip', {
context: 'forward',
postProcess: 'sentenceCase',
}),
openDelay: 0,
}}
@@ -75,7 +73,7 @@ export const MobileFullscreenPlayerControls = memo(
icon={<Icon fill="default" icon="mediaNext" size="xl" />}
onClick={mediaNext}
tooltip={{
label: t('player.next', { postProcess: 'sentenceCase' }),
label: t('player.next'),
openDelay: 0,
}}
variant="secondary"
src/renderer/features/player/components/mobile-fullscreen-player-header.tsx
+19 -53
View File
@@ -84,7 +84,7 @@ export const MobileFullscreenPlayerHeader = memo(
icon="arrowDownS"
iconProps={{ size: 'lg' }}
onClick={onClose}
tooltip={{ label: t('common.minimize', { postProcess: 'titleCase' }) }}
tooltip={{ label: t('common.minimize') }}
variant={isPageHovered ? 'default' : 'subtle'}
/>
<Popover position="bottom-end">
@@ -92,16 +92,14 @@ export const MobileFullscreenPlayerHeader = memo(
<ActionIcon
icon="settings2"
iconProps={{ size: 'lg' }}
tooltip={{ label: t('common.configure', { postProcess: 'titleCase' }) }}
tooltip={{ label: t('common.configure') }}
variant={isPageHovered ? 'default' : 'subtle'}
/>
</Popover.Target>
<Popover.Dropdown>
<Option>
<Option.Label>
{t('page.fullscreenPlayer.config.dynamicBackground', {
postProcess: 'sentenceCase',
})}
{t('page.fullscreenPlayer.config.dynamicBackground')}
</Option.Label>
<Option.Control>
<Switch
@@ -117,9 +115,7 @@ export const MobileFullscreenPlayerHeader = memo(
{dynamicBackground && (
<Option>
<Option.Label>
{t('page.fullscreenPlayer.config.dynamicIsImage', {
postProcess: 'sentenceCase',
})}
{t('page.fullscreenPlayer.config.dynamicIsImage')}
</Option.Label>
<Option.Control>
<Switch
@@ -136,9 +132,7 @@ export const MobileFullscreenPlayerHeader = memo(
{dynamicBackground && dynamicIsImage && (
<Option>
<Option.Label>
{t('page.fullscreenPlayer.config.dynamicImageBlur', {
postProcess: 'sentenceCase',
})}
{t('page.fullscreenPlayer.config.dynamicImageBlur')}
</Option.Label>
<Option.Control>
<Slider
@@ -158,9 +152,7 @@ export const MobileFullscreenPlayerHeader = memo(
{dynamicBackground && (
<Option>
<Option.Label>
{t('page.fullscreenPlayer.config.opacity', {
postProcess: 'sentenceCase',
})}
{t('page.fullscreenPlayer.config.opacity')}
</Option.Label>
<Option.Control>
<Slider
@@ -176,9 +168,7 @@ export const MobileFullscreenPlayerHeader = memo(
)}
<Option>
<Option.Label>
{t('page.fullscreenPlayer.config.useImageAspectRatio', {
postProcess: 'sentenceCase',
})}
{t('page.fullscreenPlayer.config.useImageAspectRatio')}
</Option.Label>
<Option.Control>
<Switch
@@ -194,9 +184,7 @@ export const MobileFullscreenPlayerHeader = memo(
<Divider my="sm" />
<Option>
<Option.Label>
{t('page.fullscreenPlayer.config.followCurrentLyric', {
postProcess: 'sentenceCase',
})}
{t('page.fullscreenPlayer.config.followCurrentLyric')}
</Option.Label>
<Option.Control>
<Switch
@@ -209,9 +197,7 @@ export const MobileFullscreenPlayerHeader = memo(
</Option>
<Option>
<Option.Label>
{t('page.fullscreenPlayer.config.showLyricProvider', {
postProcess: 'sentenceCase',
})}
{t('page.fullscreenPlayer.config.showLyricProvider')}
</Option.Label>
<Option.Control>
<Switch
@@ -227,9 +213,7 @@ export const MobileFullscreenPlayerHeader = memo(
</Option>
<Option>
<Option.Label>
{t('page.fullscreenPlayer.config.showLyricMatch', {
postProcess: 'sentenceCase',
})}
{t('page.fullscreenPlayer.config.showLyricMatch')}
</Option.Label>
<Option.Control>
<Switch
@@ -242,18 +226,14 @@ export const MobileFullscreenPlayerHeader = memo(
</Option>
<Option>
<Option.Label>
{t('page.fullscreenPlayer.config.lyricSize', {
postProcess: 'sentenceCase',
})}
{t('page.fullscreenPlayer.config.lyricSize')}
</Option.Label>
<Option.Control>
<Group w="100%" wrap="nowrap">
<Slider
defaultValue={lyricConfig.fontSize}
label={(e) =>
`${t('page.fullscreenPlayer.config.synchronized', {
postProcess: 'titleCase',
})}: ${e}px`
`${t('page.fullscreenPlayer.config.synchronized')}: ${e}px`
}
max={72}
min={8}
@@ -265,9 +245,7 @@ export const MobileFullscreenPlayerHeader = memo(
<Slider
defaultValue={lyricConfig.fontSizeUnsync}
label={(e) =>
`${t('page.fullscreenPlayer.config.unsynchronized', {
postProcess: 'sentenceCase',
})}: ${e}px`
`${t('page.fullscreenPlayer.config.unsynchronized')}: ${e}px`
}
max={72}
min={8}
@@ -281,9 +259,7 @@ export const MobileFullscreenPlayerHeader = memo(
</Option>
<Option>
<Option.Label>
{t('page.fullscreenPlayer.config.lyricGap', {
postProcess: 'sentenceCase',
})}
{t('page.fullscreenPlayer.config.lyricGap')}
</Option.Label>
<Option.Control>
<Group w="100%" wrap="nowrap">
@@ -310,29 +286,21 @@ export const MobileFullscreenPlayerHeader = memo(
</Option>
<Option>
<Option.Label>
{t('page.fullscreenPlayer.config.lyricAlignment', {
postProcess: 'sentenceCase',
})}
{t('page.fullscreenPlayer.config.lyricAlignment')}
</Option.Label>
<Option.Control>
<SegmentedControl
data={[
{
label: t('common.left', {
postProcess: 'titleCase',
}),
label: t('common.left'),
value: 'left',
},
{
label: t('common.center', {
postProcess: 'titleCase',
}),
label: t('common.center'),
value: 'center',
},
{
label: t('common.right', {
postProcess: 'titleCase',
}),
label: t('common.right'),
value: 'right',
},
]}
@@ -343,9 +311,7 @@ export const MobileFullscreenPlayerHeader = memo(
</Option>
<Option>
<Option.Label>
{t('page.fullscreenPlayer.config.lyricOffset', {
postProcess: 'sentenceCase',
})}
{t('page.fullscreenPlayer.config.lyricOffset')}
</Option.Label>
<Option.Control>
<NumberInput
src/renderer/features/player/components/mobile-fullscreen-player.tsx
+1 -1
View File
@@ -545,7 +545,7 @@ export const MobileFullscreenPlayer = () => {
variant={isPageHovered ? 'default' : 'subtle'}
/>
<Text fw={600} size="lg">
{t('page.fullscreenPlayer.lyrics', { postProcess: 'sentenceCase' })}
{t('page.fullscreenPlayer.lyrics')}
</Text>
<ActionIcon
icon="x"
src/renderer/features/player/components/mobile-playerbar.tsx
+3 -5
View File
@@ -82,9 +82,7 @@ export const MobilePlayerbar = () => {
transition={{ duration: 0.2, ease: 'easeIn' }}
>
<Tooltip
label={t('player.toggleFullscreenPlayer', {
postProcess: 'sentenceCase',
})}
label={t('player.toggleFullscreenPlayer')}
openDelay={0}
>
<ItemImage
@@ -208,7 +206,7 @@ export const MobilePlayerbar = () => {
mediaPrevious();
}}
tooltip={{
label: t('player.previous', { postProcess: 'sentenceCase' }),
label: t('player.previous'),
openDelay: 0,
}}
variant="tertiary"
@@ -228,7 +226,7 @@ export const MobilePlayerbar = () => {
mediaNext();
}}
tooltip={{
label: t('player.next', { postProcess: 'sentenceCase' }),
label: t('player.next'),
openDelay: 0,
}}
variant="tertiary"
src/renderer/features/player/components/player-button.tsx
+1 -3
View File
@@ -80,9 +80,7 @@ export const MainPlayButton = forwardRef<HTMLButtonElement, PlayButtonProps>(
}}
ref={ref}
tooltip={{
label: isPaused
? (t('player.play', { postProcess: 'sentenceCase' }) as string)
: (t('player.pause', { postProcess: 'sentenceCase' }) as string),
label: isPaused ? (t('player.play') as string) : (t('player.pause') as string),
openDelay: 0,
}}
{...props}
src/renderer/features/player/components/player-config.tsx
+11 -19
View File
@@ -54,12 +54,12 @@ export const PlayerConfig = () => {
{
component: <AudioPlayerTypeConfig />,
id: 'audioPlayerType',
label: t('setting.audioPlayer', { postProcess: 'titleCase' }),
label: t('setting.audioPlayer'),
},
{
component: <AudioDeviceConfig />,
id: 'audioDevice',
label: t('setting.audioDevice', { postProcess: 'titleCase' }),
label: t('setting.audioDevice'),
},
{
component: null,
@@ -70,23 +70,17 @@ export const PlayerConfig = () => {
{
component: <TransitionTypeConfig />,
id: 'transitionType',
label: t('setting.playbackStyle', {
postProcess: 'titleCase',
}),
label: t('setting.playbackStyle'),
},
{
component: <CrossfadeStyleConfig />,
id: 'crossfadeStyle',
label: t('setting.crossfadeStyle', {
postProcess: 'titleCase',
}),
label: t('setting.crossfadeStyle'),
},
{
component: <CrossfadeDurationConfig />,
id: 'crossfadeDuration',
label: t('setting.crossfadeDuration', {
postProcess: 'titleCase',
}),
label: t('setting.crossfadeDuration'),
},
{
component: null,
@@ -97,7 +91,7 @@ export const PlayerConfig = () => {
{
component: <PlaybackSpeedSlider />,
id: 'playbackSpeed',
label: t('player.playbackSpeed', { postProcess: 'titleCase' }),
label: t('player.playbackSpeed'),
},
{
component: (
@@ -107,7 +101,7 @@ export const PlayerConfig = () => {
/>
),
id: 'preservePitch',
label: t('setting.preservePitch', { postProcess: 'titleCase' }),
label: t('setting.preservePitch'),
},
{
component: null,
@@ -129,7 +123,7 @@ export const PlayerConfig = () => {
/>
),
id: 'showLyricsInSidebar',
label: t('setting.showLyricsInSidebar', { postProcess: 'titleCase' }),
label: t('setting.showLyricsInSidebar'),
},
{
component: (
@@ -145,7 +139,7 @@ export const PlayerConfig = () => {
/>
),
id: 'showVisualizerInSidebar',
label: t('setting.showVisualizerInSidebar', { postProcess: 'titleCase' }),
label: t('setting.showVisualizerInSidebar'),
},
{
component: (
@@ -161,7 +155,7 @@ export const PlayerConfig = () => {
/>
),
id: 'combinedLyricsAndVisualizer',
label: t('setting.combinedLyricsAndVisualizer', { postProcess: 'titleCase' }),
label: t('setting.combinedLyricsAndVisualizer'),
},
];
@@ -187,7 +181,7 @@ export const PlayerConfig = () => {
size="sm"
stopsPropagation
tooltip={{
label: t('common.setting', { count: 2, postProcess: 'titleCase' }),
label: t('common.setting', { count: 2 }),
openDelay: 0,
}}
variant="subtle"
@@ -279,14 +273,12 @@ const TransitionTypeConfig = () => {
{
label: t('setting.playbackStyle', {
context: 'optionNormal',
postProcess: 'titleCase',
}),
value: PlayerStyle.GAPLESS,
},
{
label: t('setting.playbackStyle', {
context: 'optionCrossFade',
postProcess: 'titleCase',
}),
value: PlayerStyle.CROSSFADE,
},
src/renderer/features/player/components/right-controls.tsx
+4 -6
View File
@@ -159,7 +159,7 @@ const QueueButton = () => {
onClick={handleClick}
size="sm"
tooltip={{
label: t('player.viewQueue', { postProcess: 'titleCase' }),
label: t('player.viewQueue'),
openDelay: 0,
}}
variant="subtle"
@@ -205,7 +205,7 @@ const LyricsButton = () => {
role="button"
size="sm"
tooltip={{
label: t('player.lyrics', { postProcess: 'titleCase' }),
label: t('player.lyrics'),
openDelay: 0,
}}
variant="subtle"
@@ -288,9 +288,7 @@ const FavoriteButton = () => {
}}
size="sm"
tooltip={{
label: currentSong?.userFavorite
? t('player.unfavorite', { postProcess: 'titleCase' })
: t('player.favorite', { postProcess: 'titleCase' }),
label: currentSong?.userFavorite ? t('player.unfavorite') : t('player.favorite'),
openDelay: 0,
}}
variant="subtle"
@@ -445,7 +443,7 @@ const VolumeButton = () => {
onWheel={handleVolumeWheel}
size="sm"
tooltip={{
label: muted ? t('player.muted', { postProcess: 'titleCase' }) : volume,
label: muted ? t('player.muted') : volume,
openDelay: 0,
}}
variant="subtle"
src/renderer/features/player/components/shuffle-all-modal.tsx
+6 -6
View File
@@ -104,7 +104,7 @@ export const ShuffleAllContextModal = () => {
return (
<Stack gap="md">
<NumberInput
label={t('form.shuffleAll.input_limit', { postProcess: 'sentenceCase' })}
label={t('form.shuffleAll.input_limit')}
max={500}
min={1}
onChange={(e) => setStore({ limit: e ? Number(e) : 500 })}
@@ -113,7 +113,7 @@ export const ShuffleAllContextModal = () => {
/>
<Group grow>
<NumberInput
label={t('form.shuffleAll.input_minYear', { postProcess: 'sentenceCase' })}
label={t('form.shuffleAll.input_minYear')}
max={2050}
min={1850}
onChange={(e) => setStore({ minYear: e ? Number(e) : 0 })}
@@ -127,7 +127,7 @@ export const ShuffleAllContextModal = () => {
value={minYear}
/>
<NumberInput
label={t('form.shuffleAll.input_maxYear', { postProcess: 'sentenceCase' })}
label={t('form.shuffleAll.input_maxYear')}
max={2050}
min={1850}
onChange={(e) => setStore({ maxYear: e ? Number(e) : 0 })}
@@ -148,7 +148,7 @@ export const ShuffleAllContextModal = () => {
<Select
clearable
data={PLAYED_DATA}
label={t('form.shuffleAll.input_played', { postProcess: 'sentenceCase' })}
label={t('form.shuffleAll.input_played')}
onChange={(e) => {
setStore({ played: e as Played });
}}
@@ -191,7 +191,7 @@ export const openShuffleAllModal = async () => {
innerProps: {},
modal: 'shuffleAll',
size: 'sm',
title: i18n.t('player.playRandom', { postProcess: 'sentenceCase' }) as string,
title: i18n.t('player.playRandom') as string,
});
};
@@ -221,7 +221,7 @@ const GenreSelect = () => {
<Select
clearable
data={genreData}
label={t('form.shuffleAll.input_genre', { postProcess: 'sentenceCase' })}
label={t('form.shuffleAll.input_genre')}
onChange={(e) => setStore({ genre: e || '' })}
searchable
value={genre}
src/renderer/features/player/components/sleep-timer-button.tsx
+8 -12
View File
@@ -176,17 +176,15 @@ export const SleepTimerButton = () => {
const getPresetLabel = (option: (typeof PRESET_OPTIONS)[number]) => {
if (option.mode === 'endOfSong') {
return t('player.sleepTimer_endOfSong', { postProcess: 'sentenceCase' });
return t('player.sleepTimer_endOfSong');
}
if (option.minutes >= 60) {
return t('player.sleepTimer_hours', {
count: option.minutes / 60,
postProcess: 'sentenceCase',
});
}
return t('player.sleepTimer_minutes', {
count: option.minutes,
postProcess: 'sentenceCase',
});
};
@@ -205,7 +203,7 @@ export const SleepTimerButton = () => {
}}
size="sm"
tooltip={{
label: t('player.sleepTimer', { postProcess: 'titleCase' }),
label: t('player.sleepTimer'),
openDelay: 0,
}}
variant="subtle"
@@ -214,7 +212,7 @@ export const SleepTimerButton = () => {
<Popover.Dropdown>
<Stack gap="xs" p="xs">
<Text fw="600" pb="md" size="sm" ta="center">
{t('player.sleepTimer', { postProcess: 'titleCase' })}
{t('player.sleepTimer')}
</Text>
{active && (
@@ -231,9 +229,7 @@ export const SleepTimerButton = () => {
>
{mode === 'endOfSong' ? (
<Text c="primary" size="sm">
{t('player.sleepTimer_endOfSong', {
postProcess: 'sentenceCase',
})}
{t('player.sleepTimer_endOfSong')}
</Text>
) : (
<Text c="primary" fw="600" size="lg">
@@ -248,7 +244,7 @@ export const SleepTimerButton = () => {
size="compact-xs"
variant="subtle"
>
{t('player.sleepTimer_cancel', { postProcess: 'titleCase' })}
{t('player.sleepTimer_cancel')}
</Button>
</Flex>
)}
@@ -309,7 +305,7 @@ export const SleepTimerButton = () => {
ta="center"
variant="outline"
>
{t('player.sleepTimer_custom', { postProcess: 'sentenceCase' })}
{t('player.sleepTimer_custom')}
</Button>
) : (
<Stack gap="xs">
@@ -350,7 +346,7 @@ export const SleepTimerButton = () => {
size="xs"
variant="filled"
>
{t('player.sleepTimer_setCustom', { postProcess: 'titleCase' })}
{t('player.sleepTimer_setCustom')}
</Button>
<Button
onClick={(e) => {
@@ -360,7 +356,7 @@ export const SleepTimerButton = () => {
size="xs"
variant="default"
>
{t('common.cancel', { postProcess: 'titleCase' })}
{t('common.cancel')}
</Button>
</Group>
</Stack>
src/renderer/features/player/context/player-context.tsx
+11 -27
View File
@@ -158,8 +158,8 @@ export const PlayerProvider = ({ children }: { children: React.ReactNode }) => {
children: (
<ConfirmModal
labels={{
cancel: t('common.cancel', { postProcess: 'titleCase' }),
confirm: t('common.confirm', { postProcess: 'titleCase' }),
cancel: t('common.cancel'),
confirm: t('common.confirm'),
}}
onCancel={() => {
resolve(false);
@@ -171,15 +171,9 @@ export const PlayerProvider = ({ children }: { children: React.ReactNode }) => {
}}
>
<Stack>
<Text>
{t('form.largeFetchConfirmation.description', {
postProcess: 'sentenceCase',
})}
</Text>
<Text>{t('form.largeFetchConfirmation.description')}</Text>
<Checkbox
label={t('common.doNotShowAgain', {
postProcess: 'sentenceCase',
})}
label={t('common.doNotShowAgain')}
onChange={(event) => {
setDoNotShowAgain(event.currentTarget.checked);
}}
@@ -187,9 +181,7 @@ export const PlayerProvider = ({ children }: { children: React.ReactNode }) => {
</Stack>
</ConfirmModal>
),
title: t('form.largeFetchConfirmation.title', {
postProcess: 'sentenceCase',
}),
title: t('form.largeFetchConfirmation.title'),
});
});
}, [doNotShowAgain, setDoNotShowAgain, t]);
@@ -236,9 +228,7 @@ export const PlayerProvider = ({ children }: { children: React.ReactNode }) => {
[fetchId]: setTimeout(() => {
toastId = toast.info({
autoClose: false,
message: t('player.playbackFetchCancel', {
postProcess: 'sentenceCase',
}),
message: t('player.playbackFetchCancel'),
onClose: () => {
queryClient.cancelQueries({
exact: false,
@@ -250,9 +240,7 @@ export const PlayerProvider = ({ children }: { children: React.ReactNode }) => {
queryKey: queryKeys.player.fetch(),
});
},
title: t('player.playbackFetchInProgress', {
postProcess: 'sentenceCase',
}),
title: t('player.playbackFetchInProgress'),
});
}, 2000),
};
@@ -312,7 +300,7 @@ export const PlayerProvider = ({ children }: { children: React.ReactNode }) => {
toast.error({
message: err.message,
title: t('error.genericError', { postProcess: 'sentenceCase' }) as string,
title: t('error.genericError') as string,
});
}
},
@@ -401,9 +389,7 @@ export const PlayerProvider = ({ children }: { children: React.ReactNode }) => {
[fetchId]: setTimeout(() => {
toastId = toast.info({
autoClose: false,
message: t('player.playbackFetchCancel', {
postProcess: 'sentenceCase',
}),
message: t('player.playbackFetchCancel'),
onClose: () => {
logFn.debug(logMsg[LogCategory.PLAYER].cancelledFetch, {
category: LogCategory.PLAYER,
@@ -420,9 +406,7 @@ export const PlayerProvider = ({ children }: { children: React.ReactNode }) => {
queryKey: queryKeys.player.fetch(),
});
},
title: t('player.playbackFetchInProgress', {
postProcess: 'sentenceCase',
}),
title: t('player.playbackFetchInProgress'),
});
}, 2000),
};
@@ -497,7 +481,7 @@ export const PlayerProvider = ({ children }: { children: React.ReactNode }) => {
toast.error({
message: err.message,
title: t('error.genericError', { postProcess: 'sentenceCase' }) as string,
title: t('error.genericError') as string,
});
}
},
src/renderer/features/player/hooks/use-queue-restore.ts
+7 -11
View File
@@ -43,7 +43,7 @@ export const useSaveQueue = () => {
const mutation = useMutation({
mutationFn: async () => {
if (!serverId) {
throw new Error(t('error.serverRequired', { postProcess: 'sentenceCase' }));
throw new Error(t('error.serverRequired'));
}
const state = usePlayerStore.getState();
@@ -51,15 +51,11 @@ export const useSaveQueue = () => {
if (queue.items.some((item) => item._serverId !== serverId)) {
toast.error({
message: t('error.multipleServerSaveQueueError', {
postProcess: 'sentenceCase',
}),
title: t('error.genericError', { postProcess: 'sentenceCase' }),
message: t('error.multipleServerSaveQueueError'),
title: t('error.genericError'),
});
throw new Error(
`${t('error.multipleServerSaveQueueError', { postProcess: 'sentenceCase' })}`,
);
throw new Error(`${t('error.multipleServerSaveQueueError')}`);
}
try {
@@ -73,12 +69,12 @@ export const useSaveQueue = () => {
});
toast.success({
message: t('form.saveQueue.success', { postProcess: 'sentenceCase' }),
message: t('form.saveQueue.success'),
});
} catch (error) {
toast.error({
message: (error as Error).message,
title: t('error.saveQueueFailed', { postProcess: 'sentenceCase' }),
title: t('error.saveQueueFailed'),
});
throw error;
}
@@ -111,7 +107,7 @@ export const useRestoreQueue = () => {
} catch (error) {
toast.error({
message: (error as Error).message,
title: t('error.genericError', { postProcess: 'sentenceCase' }),
title: t('error.genericError'),
});
}
}, [player, queryClient, serverId]);
src/renderer/features/player/utils/open-visualizer-settings-modal.ts
+1 -1
View File
@@ -19,7 +19,7 @@ export const openVisualizerSettingsModal = () => {
width: '100%',
},
},
title: i18n.t('common.setting', { count: 2, postProcess: 'titleCase' }),
title: i18n.t('common.setting', { count: 2 }),
transitionProps: {
transition: 'pop',
},
src/renderer/features/playlists/components/add-to-playlist-context-modal.tsx
+8 -19
View File
@@ -221,7 +221,7 @@ export const AddToPlaylistContextModal = ({
} catch (error: any) {
toast.error({
message: `[${playlist}] ${error?.message}`,
title: t('error.genericError', { postProcess: 'sentenceCase' }),
title: t('error.genericError'),
});
}
}
@@ -273,7 +273,7 @@ export const AddToPlaylistContextModal = ({
(playlist) => playlist.value === playlistId,
)?.label
}] ${err.message}`,
title: t('error.genericError', { postProcess: 'sentenceCase' }),
title: t('error.genericError'),
});
},
},
@@ -292,15 +292,14 @@ export const AddToPlaylistContextModal = ({
message: t('form.addToPlaylist.success', {
message: addMessage,
numOfPlaylists: playlistIds.length,
postProcess: 'sentenceCase',
}),
});
closeModal(id);
} catch (error: any) {
setIsLoading(false);
toast.error({
message: error?.message || t('error.genericError', { postProcess: 'sentenceCase' }),
title: t('error.genericError', { postProcess: 'sentenceCase' }),
message: error?.message || t('error.genericError'),
title: t('error.genericError'),
});
}
});
@@ -422,9 +421,7 @@ export const AddToPlaylistContextModal = ({
<TextInput
data-autofocus
onChange={(e) => setSearch(e.target.value)}
placeholder={t('form.addToPlaylist.searchOrCreate', {
postProcess: 'sentenceCase',
})}
placeholder={t('form.addToPlaylist.searchOrCreate')}
value={search}
/>
<ScrollArea style={{ maxHeight: '18rem' }}>
@@ -482,7 +479,6 @@ export const AddToPlaylistContextModal = ({
>
{t('form.addToPlaylist.create', {
playlist: search,
postProcess: 'sentenceCase',
})}
</Button>
)}
@@ -512,7 +508,6 @@ export const AddToPlaylistContextModal = ({
<Switch
label={t('form.addToPlaylist.input', {
context: 'skipDuplicates',
postProcess: 'titleCase',
})}
{...form.getInputProps('skipDuplicates', { type: 'checkbox' })}
/>
@@ -523,7 +518,7 @@ export const AddToPlaylistContextModal = ({
uppercase
variant="subtle"
>
{t('common.cancel', { postProcess: 'titleCase' })}
{t('common.cancel')}
</ModalButton>
<ModalButton
disabled={
@@ -537,7 +532,7 @@ export const AddToPlaylistContextModal = ({
uppercase
variant="filled"
>
{t('common.add', { postProcess: 'titleCase' })}
{t('common.add')}
</ModalButton>
</Group>
</Stack>
@@ -587,13 +582,7 @@ const PlaylistTableItem = memo(
</Group>
<Text className={styles.statusText} isMuted size="sm">
{item.public
? t('common.public', {
postProcess: 'titleCase',
})
: t('common.private', {
postProcess: 'titleCase',
})}
{item.public ? t('common.public') : t('common.private')}
</Text>
</Group>
</Stack>
src/renderer/features/playlists/components/client-side-song-filters.tsx
+13 -14
View File
@@ -399,9 +399,9 @@ export const ClientSideSongFilters = () => {
const segmentedControlData = useMemo(
() => [
{ label: t('common.none', { postProcess: 'titleCase' }), value: 'none' },
{ label: t('common.yes', { postProcess: 'titleCase' }), value: 'true' },
{ label: t('common.no', { postProcess: 'titleCase' }), value: 'false' },
{ label: t('common.none'), value: 'none' },
{ label: t('common.yes'), value: 'true' },
{ label: t('common.no'), value: 'false' },
],
[t],
);
@@ -528,22 +528,22 @@ export const ClientSideSongFilters = () => {
const queryMinYear = query[FILTER_KEYS.SONG.MIN_YEAR] as number | undefined;
const queryMaxYear = query[FILTER_KEYS.SONG.MAX_YEAR] as number | undefined;
const matchAndLabel = t('filter.matchAnd', { postProcess: 'titleCase' });
const matchOrLabel = t('filter.matchOr', { postProcess: 'titleCase' });
const filterSingleLabel = t('common.filter_single', { postProcess: 'titleCase' });
const filterMultipleLabel = t('common.filter_multiple', { postProcess: 'titleCase' });
const matchAndLabel = t('filter.matchAnd');
const matchOrLabel = t('filter.matchOr');
const filterSingleLabel = t('common.filter_single');
const filterMultipleLabel = t('common.filter_multiple');
return (
<Stack px="md" py="md">
<BooleanSegmentFilter
label={t('filter.isFavorited', { postProcess: 'sentenceCase' })}
label={t('filter.isFavorited')}
onChange={setFavorite}
segmentData={segmentedControlData}
value={queryFavorite}
/>
<Stack gap="xs" mt="md">
<BooleanSegmentFilter
label={t('filter.isRated', { postProcess: 'sentenceCase' })}
label={t('filter.isRated')}
onChange={setHasRating}
segmentData={segmentedControlData}
value={queryHasRating}
@@ -555,7 +555,7 @@ export const ClientSideSongFilters = () => {
label={
<MultiSelectFilterLabel
andOrValue={artistIdsMode}
entityLabel={t('entity.artist', { count: 2, postProcess: 'sentenceCase' })}
entityLabel={t('entity.artist', { count: 2 })}
filterMultipleLabel={filterMultipleLabel}
filterSingleLabel={filterSingleLabel}
matchAndLabel={matchAndLabel}
@@ -580,7 +580,6 @@ export const ClientSideSongFilters = () => {
andOrValue={albumArtistIdsMode}
entityLabel={t('entity.albumArtist', {
count: 2,
postProcess: 'sentenceCase',
})}
filterMultipleLabel={filterMultipleLabel}
filterSingleLabel={filterSingleLabel}
@@ -604,7 +603,7 @@ export const ClientSideSongFilters = () => {
label={
<MultiSelectFilterLabel
andOrValue={genreIdsMode}
entityLabel={t('entity.genre', { count: 2, postProcess: 'sentenceCase' })}
entityLabel={t('entity.genre', { count: 2 })}
filterMultipleLabel={filterMultipleLabel}
filterSingleLabel={filterSingleLabel}
matchAndLabel={matchAndLabel}
@@ -623,12 +622,12 @@ export const ClientSideSongFilters = () => {
/>
<Divider my="md" />
<YearRangeFilter
fromYearLabel={t('filter.fromYear', { postProcess: 'titleCase' })}
fromYearLabel={t('filter.fromYear')}
maxYear={queryMaxYear}
minYear={queryMinYear}
onMaxYear={debouncedHandleMaxYear}
onMinYear={debouncedHandleMinYear}
toYearLabel={t('filter.toYear', { postProcess: 'titleCase' })}
toYearLabel={t('filter.toYear')}
/>
</Stack>
);
src/renderer/features/playlists/components/create-playlist-form.tsx
+4 -9
View File
@@ -90,12 +90,12 @@ export const CreatePlaylistForm = ({ onCancel }: CreatePlaylistFormProps) => {
onError: (err) => {
toast.error({
message: err.message,
title: t('error.genericError', { postProcess: 'sentenceCase' }),
title: t('error.genericError'),
});
},
onSuccess: () => {
toast.success({
message: t('form.createPlaylist.success', { postProcess: 'sentenceCase' }),
message: t('form.createPlaylist.success'),
});
onCancel();
},
@@ -115,7 +115,6 @@ export const CreatePlaylistForm = ({ onCancel }: CreatePlaylistFormProps) => {
data-autofocus
label={t('form.createPlaylist.input', {
context: 'name',
postProcess: 'titleCase',
})}
required
{...form.getInputProps('name')}
@@ -125,7 +124,6 @@ export const CreatePlaylistForm = ({ onCancel }: CreatePlaylistFormProps) => {
autosize
label={t('form.createPlaylist.input', {
context: 'description',
postProcess: 'titleCase',
})}
minRows={5}
{...form.getInputProps('comment')}
@@ -136,7 +134,6 @@ export const CreatePlaylistForm = ({ onCancel }: CreatePlaylistFormProps) => {
<Switch
label={t('form.createPlaylist.input', {
context: 'public',
postProcess: 'titleCase',
})}
{...form.getInputProps('public', {
type: 'checkbox',
@@ -189,9 +186,7 @@ export const CreatePlaylistForm = ({ onCancel }: CreatePlaylistFormProps) => {
type="submit"
variant="filled"
>
{isSmartPlaylist && step === 1
? t('common.confirm', { postProcess: 'sentenceCase' })
: t('common.create')}
{isSmartPlaylist && step === 1 ? t('common.confirm') : t('common.create')}
</ModalButton>
</Group>
</Stack>
@@ -208,6 +203,6 @@ export const openCreatePlaylistModal = (
openModal({
children: <CreatePlaylistForm onCancel={() => closeAllModals()} />,
size: server?.type === ServerType?.NAVIDROME ? 'xl' : 'sm',
title: t('form.createPlaylist.title', { postProcess: 'titleCase' }),
title: t('form.createPlaylist.title'),
});
};
src/renderer/features/playlists/components/playlist-detail-song-list-header-filters.tsx
+8 -14
View File
@@ -100,10 +100,10 @@ const PlaylistSongListFiltersModal = () => {
variant="subtle"
/>
)}
{t('common.filters', { postProcess: 'sentenceCase' })}
{t('common.filters')}
</Group>
<Button onClick={clear} size="compact-sm" variant="subtle">
{t('common.reset', { postProcess: 'sentenceCase' })}
{t('common.reset')}
</Button>
</Group>
}
@@ -145,8 +145,8 @@ export const PlaylistDetailSongListHeaderFilters = ({
: ItemListKey.PLAYLIST_SONG);
const isAlbumMode = listKey === ItemListKey.PLAYLIST_ALBUM;
const toggleChoice = isAlbumMode
? t('entity.album', { count: 2, postProcess: 'titleCase' })
: t('entity.track', { count: 2, postProcess: 'titleCase' });
? t('entity.album', { count: 2 })
: t('entity.track', { count: 2 });
const handleToggleDisplayMode = useCallback(() => {
setPlaylistBehavior(
@@ -209,16 +209,10 @@ export const PlaylistDetailSongListHeaderFilters = ({
uppercase
variant={mode === 'edit' ? 'state-error' : 'subtle'}
>
{mode === 'edit'
? t('common.cancel', { postProcess: 'titleCase' })
: t('common.edit', { postProcess: 'titleCase' })}
{mode === 'edit' ? t('common.cancel') : t('common.edit')}
</Button>
)}
<Tooltip
label={t(`common.${collapsed ? 'expand' : 'collapse'}`, {
postProcess: 'titleCase',
})}
>
<Tooltip label={t(`common.${collapsed ? 'expand' : 'collapse'}`, {})}>
<ActionIcon
icon={collapsed ? 'arrowDownS' : 'arrowUpS'}
iconProps={{ size: 'xl' }}
@@ -260,7 +254,7 @@ export const openSaveAndReplaceModal = (
innerProps: { onSuccess, playlistId, songIds },
modal: 'saveAndReplace',
size: 'sm',
title: i18n.t('common.saveAndReplace', { postProcess: 'titleCase' }) as string,
title: i18n.t('common.saveAndReplace') as string,
});
};
@@ -290,7 +284,7 @@ const SaveAndReplaceButton = ({ mode, songIds }: { mode?: 'edit' | 'view'; songI
size="sm"
variant="subtle"
>
{t('common.saveAndReplace', { postProcess: 'titleCase' })}
{t('common.saveAndReplace')}
</Button>
);
};
src/renderer/features/playlists/components/playlist-list-header-filters.tsx
+1 -1
View File
@@ -42,7 +42,7 @@ export const PlaylistListHeaderFilters = () => {
</Group>
<Group gap="sm" wrap="nowrap">
<Button onClick={handleCreatePlaylistModal} variant="subtle">
{t('action.createPlaylist', { postProcess: 'sentenceCase' })}
{t('action.createPlaylist')}
</Button>
<ListDisplayTypeToggleButton listKey={ItemListKey.PLAYLIST} />
<ListConfigMenu
src/renderer/features/playlists/components/playlist-list-header.tsx
+1 -1
View File
@@ -19,7 +19,7 @@ interface PlaylistListHeaderProps {
export const PlaylistListHeader = ({ title }: PlaylistListHeaderProps) => {
const { t } = useTranslation();
const pageTitle = title || t('page.playlistList.title', { postProcess: 'titleCase' });
const pageTitle = title || t('page.playlistList.title');
return (
<Stack gap={0}>
src/renderer/features/playlists/components/playlist-query-builder.tsx
+8 -22
View File
@@ -452,9 +452,7 @@ export const PlaylistQueryBuilder = forwardRef(
// Custom Fields group
if (customFields.length > 0) {
groups.push({
group: t('queryBuilder.customTags', {
postProcess: 'titleCase',
}),
group: t('queryBuilder.customTags'),
items: customFields,
});
}
@@ -462,9 +460,7 @@ export const PlaylistQueryBuilder = forwardRef(
// Standard Fields group
if (NDSongQueryFields.length > 0) {
groups.push({
group: t('queryBuilder.standardTags', {
postProcess: 'titleCase',
}),
group: t('queryBuilder.standardTags'),
items: NDSongQueryFields,
});
}
@@ -484,7 +480,7 @@ export const PlaylistQueryBuilder = forwardRef(
const sortOptions = useMemo(
() => [
{
label: t('filter.random', { postProcess: 'titleCase' }),
label: t('filter.random'),
type: 'string',
value: 'random',
},
@@ -497,11 +493,11 @@ export const PlaylistQueryBuilder = forwardRef(
const orderSelectData = useMemo(
() => [
{
label: t('common.ascending', { postProcess: 'sentenceCase' }),
label: t('common.ascending'),
value: 'asc',
},
{
label: t('common.descending', { postProcess: 'sentenceCase' }),
label: t('common.descending'),
value: 'desc',
},
],
@@ -574,11 +570,7 @@ export const PlaylistQueryBuilder = forwardRef(
<Group align="flex-end" gap="sm" key={index} wrap="nowrap">
<Select
data={sortOptions}
label={
index === 0
? t('common.sort', { postProcess: 'titleCase' })
: ''
}
label={index === 0 ? t('common.sort') : ''}
onChange={(value) =>
handleSortFieldChange(index, value || '')
}
@@ -588,13 +580,7 @@ export const PlaylistQueryBuilder = forwardRef(
/>
<Select
data={orderSelectData}
label={
index === 0
? t('common.sortOrder', {
postProcess: 'titleCase',
})
: ''
}
label={index === 0 ? t('common.sortOrder') : ''}
onChange={(value) =>
handleSortOrderChange(
index,
@@ -625,7 +611,7 @@ export const PlaylistQueryBuilder = forwardRef(
<NumberInput
label={
<Group align="center" gap="xs" wrap="nowrap">
{t('common.limit', { postProcess: 'titleCase' })}
{t('common.limit')}
<SegmentedControl
data={[
{ label: '#', value: 'limit' },
src/renderer/features/playlists/components/playlist-query-editor.tsx
+11 -19
View File
@@ -141,7 +141,7 @@ export const PlaylistQueryEditor = ({
const payload = getFiltersForSave();
if (!payload) {
if (editorMode === 'json') {
toast.error({ message: t('error.invalidJson', { postProcess: 'sentenceCase' }) });
toast.error({ message: t('error.invalidJson') });
}
return;
}
@@ -156,7 +156,7 @@ export const PlaylistQueryEditor = ({
openModal({
children: <JsonPreview value={previewValue} />,
size: 'xl',
title: t('common.preview', { postProcess: 'titleCase' }),
title: t('common.preview'),
});
}, [editorMode, getFiltersForSave, t]);
@@ -165,7 +165,7 @@ export const PlaylistQueryEditor = ({
const payload = getFiltersForSave();
if (!payload) {
if (editorMode === 'json') {
toast.error({ message: t('error.invalidJson', { postProcess: 'sentenceCase' }) });
toast.error({ message: t('error.invalidJson') });
}
return;
}
@@ -177,10 +177,10 @@ export const PlaylistQueryEditor = ({
closeAllModals();
}}
>
<Text>{t('common.areYouSure', { postProcess: 'sentenceCase' })}</Text>
<Text>{t('common.areYouSure')}</Text>
</ConfirmModal>
),
title: t('common.saveAndReplace', { postProcess: 'titleCase' }),
title: t('common.saveAndReplace'),
});
}, [editorMode, getFiltersForSave, handleSave, isQueryBuilderExpanded, t]);
@@ -285,9 +285,7 @@ export const PlaylistQueryEditor = ({
});
} catch {
toast.error({
message: t('error.invalidJson', {
postProcess: 'sentenceCase',
}),
message: t('error.invalidJson'),
});
return;
}
@@ -326,9 +324,7 @@ export const PlaylistQueryEditor = ({
size="sm"
variant="subtle"
>
{t('form.queryEditor.title', {
postProcess: 'titleCase',
})}
{t('form.queryEditor.title')}
</Button>
{isQueryBuilderExpanded && (
<SegmentedControl
@@ -358,7 +354,7 @@ export const PlaylistQueryEditor = ({
</Group>
<Group gap="xs">
<Button onClick={openPreviewModal} size="sm" variant="subtle">
{t('common.preview', { postProcess: 'titleCase' })}
{t('common.preview')}
</Button>
<Button
disabled={!isQueryBuilderExpanded}
@@ -371,16 +367,14 @@ export const PlaylistQueryEditor = ({
handleSaveAs(payload.filter, payload.extraFilters);
} else if (editorMode === 'json') {
toast.error({
message: t('error.invalidJson', {
postProcess: 'sentenceCase',
}),
message: t('error.invalidJson'),
});
}
}}
size="sm"
variant="subtle"
>
{t('common.saveAs', { postProcess: 'titleCase' })}
{t('common.saveAs')}
</Button>
<Button
disabled={!isQueryBuilderExpanded}
@@ -389,9 +383,7 @@ export const PlaylistQueryEditor = ({
size="sm"
variant="subtle"
>
{t('common.saveAndReplace', {
postProcess: 'titleCase',
})}
{t('common.saveAndReplace')}
</Button>
</Group>
</Group>
src/renderer/features/playlists/components/save-and-replace-context-modal.tsx
+3 -7
View File
@@ -36,18 +36,14 @@ export const SaveAndReplaceContextModal = ({
console.error(err);
toast.error({
message: err.message,
title: t('error.genericError', {
postProcess: 'sentenceCase',
}),
title: t('error.genericError'),
});
},
onSuccess: () => {
onSuccess();
closeAllModals();
toast.success({
message: t('form.editPlaylist.success', {
postProcess: 'sentenceCase',
}),
message: t('form.editPlaylist.success'),
});
},
},
@@ -56,7 +52,7 @@ export const SaveAndReplaceContextModal = ({
return (
<ConfirmModal loading={updatePlaylistMutation.isPending} onConfirm={handleConfirm}>
<Text>{t('common.areYouSure', { postProcess: 'sentenceCase' })}</Text>
<Text>{t('common.areYouSure')}</Text>
</ConfirmModal>
);
};
src/renderer/features/playlists/components/save-as-playlist-form.tsx
+2 -5
View File
@@ -50,12 +50,12 @@ export const SaveAsPlaylistForm = ({
onError: (err) => {
toast.error({
message: err.message,
title: t('error.genericError', { postProcess: 'sentenceCase' }),
title: t('error.genericError'),
});
},
onSuccess: (data) => {
toast.success({
message: t('form.createPlaylist.success', { postProcess: 'sentenceCase' }),
message: t('form.createPlaylist.success'),
});
onSuccess(data);
onCancel();
@@ -74,7 +74,6 @@ export const SaveAsPlaylistForm = ({
data-autofocus
label={t('form.createPlaylist.input', {
context: 'name',
postProcess: 'titleCase',
})}
required
{...form.getInputProps('name')}
@@ -83,7 +82,6 @@ export const SaveAsPlaylistForm = ({
<TextInput
label={t('form.createPlaylist.input', {
context: 'description',
postProcess: 'titleCase',
})}
{...form.getInputProps('comment')}
/>
@@ -92,7 +90,6 @@ export const SaveAsPlaylistForm = ({
<Switch
label={t('form.createPlaylist.input', {
context: 'public',
postProcess: 'titleCase',
})}
{...form.getInputProps('public', { type: 'checkbox' })}
/>
src/renderer/features/playlists/components/update-playlist-form.tsx
+3 -11
View File
@@ -108,13 +108,13 @@ export const UpdatePlaylistContextModal = ({
}
toast.success({
message: t('form.editPlaylist.success', { postProcess: 'sentenceCase' }),
message: t('form.editPlaylist.success'),
});
closeModal(id);
} catch (err: any) {
toast.error({
message: err?.message,
title: t('error.genericError', { postProcess: 'sentenceCase' }),
title: t('error.genericError'),
});
} finally {
setIsSaving(false);
@@ -134,7 +134,6 @@ export const UpdatePlaylistContextModal = ({
key="name"
label={t('form.createPlaylist.input', {
context: 'name',
postProcess: 'titleCase',
})}
required
{...form.getInputProps('name')}
@@ -148,7 +147,6 @@ export const UpdatePlaylistContextModal = ({
key="comment"
label={t('form.createPlaylist.input', {
context: 'description',
postProcess: 'titleCase',
})}
minRows={5}
{...form.getInputProps('comment')}
@@ -163,11 +161,7 @@ export const UpdatePlaylistContextModal = ({
if (isPublicDisplayed) {
if (server?.type === ServerType.JELLYFIN) {
fieldNodes.push(
<div key="jellyfin-public-note">
{t('form.editPlaylist.publicJellyfinNote', {
postProcess: 'sentenceCase',
})}
</div>,
<div key="jellyfin-public-note">{t('form.editPlaylist.publicJellyfinNote')}</div>,
);
}
fieldNodes.push(
@@ -175,7 +169,6 @@ export const UpdatePlaylistContextModal = ({
key="public"
label={t('form.createPlaylist.input', {
context: 'public',
postProcess: 'titleCase',
})}
{...form.getInputProps('public', { type: 'checkbox' })}
/>,
@@ -377,7 +370,6 @@ const OwnerSelect = ({ form }: { form: ReturnType<typeof useForm<UpdatePlaylistB
{...form.getInputProps('ownerId')}
label={t('form.createPlaylist.input', {
context: 'owner',
postProcess: 'titleCase',
})}
/>
);
src/renderer/features/playlists/components/update-playlist-modal.ts
+1 -1
View File
@@ -32,6 +32,6 @@ export const openUpdatePlaylistModal = async (args: { playlist: Playlist }) => {
},
modal: 'updatePlaylist',
size: hasImageUpload ? 'lg' : 'md',
title: i18n.t('form.editPlaylist.title', { postProcess: 'titleCase' }) as string,
title: i18n.t('form.editPlaylist.title') as string,
});
};
src/renderer/features/playlists/routes/playlist-detail-song-list-route.tsx
+5 -7
View File
@@ -46,11 +46,11 @@ const PlaylistSongListFiltersSidebar = () => {
<Stack h="100%" style={{ minHeight: 0 }}>
<Group justify="space-between" pb={0} pl="md" pr="md" pt="md">
<Text fw={500} size="xl">
{t('common.filters', { postProcess: 'sentenceCase' })}
{t('common.filters')}
</Text>
<Group gap="xs">
<Button onClick={clear} size="compact-sm" variant="subtle">
{t('common.reset', { postProcess: 'sentenceCase' })}
{t('common.reset')}
</Button>
{setIsSidebarOpen && (
<ActionIcon
@@ -170,7 +170,7 @@ const PlaylistDetailSongListRoute = () => {
serverId={detailQuery?.data?._serverId || ''}
/>
),
title: t('common.saveAs', { postProcess: 'sentenceCase' }),
title: t('common.saveAs'),
});
};
@@ -189,9 +189,7 @@ const PlaylistDetailSongListRoute = () => {
onError: (err) => {
toast.error({
message: err.message,
title: t('error.genericError', {
postProcess: 'sentenceCase',
}),
title: t('error.genericError'),
});
},
onSuccess: () => {
@@ -205,7 +203,7 @@ const PlaylistDetailSongListRoute = () => {
<Text>Are you sure you want to delete this playlist?</Text>
</ConfirmModal>
),
title: t('form.deletePlaylist.title', { postProcess: 'sentenceCase' }),
title: t('form.deletePlaylist.title'),
});
};
src/renderer/features/radio/components/create-radio-station-form.tsx
+5 -10
View File
@@ -42,9 +42,7 @@ export const CreateRadioStationForm = ({ onCancel }: CreateRadioStationFormProps
onError: (error) => {
toast.error({
message: (error as Error).message,
title: t('error.genericError', {
postProcess: 'sentenceCase',
}) as string,
title: t('error.genericError') as string,
});
},
onSuccess: () => {
@@ -60,7 +58,6 @@ export const CreateRadioStationForm = ({ onCancel }: CreateRadioStationFormProps
<TextInput
label={t('form.createRadioStation.input', {
context: 'name',
postProcess: 'titleCase',
})}
required
{...form.getInputProps('name')}
@@ -68,7 +65,6 @@ export const CreateRadioStationForm = ({ onCancel }: CreateRadioStationFormProps
<TextInput
label={t('form.createRadioStation.input', {
context: 'streamUrl',
postProcess: 'titleCase',
})}
required
{...form.getInputProps('streamUrl')}
@@ -76,16 +72,15 @@ export const CreateRadioStationForm = ({ onCancel }: CreateRadioStationFormProps
<TextInput
label={t('form.createRadioStation.input', {
context: 'homepageUrl',
postProcess: 'titleCase',
})}
{...form.getInputProps('homepageUrl')}
/>
<Group justify="flex-end">
<ModalButton onClick={onCancel} variant="subtle">
{t('common.cancel', { postProcess: 'sentenceCase' })}
{t('common.cancel')}
</ModalButton>
<ModalButton loading={mutation.isPending} type="submit" variant="filled">
{t('common.create', { postProcess: 'sentenceCase' })}
{t('common.create')}
</ModalButton>
</Group>
</Stack>
@@ -101,13 +96,13 @@ export const openCreateRadioStationModal = (
if (!server) {
toast.error({
message: t('common.error.noServer', { postProcess: 'sentenceCase' }) as string,
message: t('common.error.noServer') as string,
});
return;
}
openModal({
children: <CreateRadioStationForm onCancel={closeAllModals} />,
title: t('action.createRadioStation', { postProcess: 'titleCase' }) as string,
title: t('action.createRadioStation') as string,
});
};
src/renderer/features/radio/components/edit-radio-station-form.tsx
+4 -9
View File
@@ -104,9 +104,7 @@ export const EditRadioStationForm = ({ onCancel, station }: EditRadioStationForm
}
toast.success({
message: t('form.editRadioStation.success', {
postProcess: 'sentenceCase',
}) as string,
message: t('form.editRadioStation.success') as string,
});
closeAllModals();
} catch (err: unknown) {
@@ -116,7 +114,7 @@ export const EditRadioStationForm = ({ onCancel, station }: EditRadioStationForm
toast.error({
message: (err as Error)?.message,
title: t('error.genericError', { postProcess: 'sentenceCase' }) as string,
title: t('error.genericError') as string,
});
} finally {
setIsSaving(false);
@@ -132,7 +130,6 @@ export const EditRadioStationForm = ({ onCancel, station }: EditRadioStationForm
key="name"
label={t('form.createRadioStation.input', {
context: 'name',
postProcess: 'titleCase',
})}
required
{...form.getInputProps('name')}
@@ -141,7 +138,6 @@ export const EditRadioStationForm = ({ onCancel, station }: EditRadioStationForm
key="streamUrl"
label={t('form.createRadioStation.input', {
context: 'streamUrl',
postProcess: 'titleCase',
})}
required
{...form.getInputProps('streamUrl')}
@@ -150,7 +146,6 @@ export const EditRadioStationForm = ({ onCancel, station }: EditRadioStationForm
key="homepageUrl"
label={t('form.createRadioStation.input', {
context: 'homepageUrl',
postProcess: 'titleCase',
})}
{...form.getInputProps('homepageUrl')}
/>,
@@ -329,7 +324,7 @@ export const openEditRadioStationModal = (
if (!server) {
toast.error({
message: t('common.error.noServer', { postProcess: 'sentenceCase' }) as string,
message: t('common.error.noServer') as string,
});
return;
}
@@ -339,6 +334,6 @@ export const openEditRadioStationModal = (
openModal({
children: <EditRadioStationForm onCancel={closeAllModals} station={station} />,
size: hasImageUpload ? 'lg' : 'md',
title: t('common.edit', { postProcess: 'titleCase' }) as string,
title: t('common.edit') as string,
});
};
src/renderer/features/radio/components/radio-list-header-filters.tsx
+1 -1
View File
@@ -38,7 +38,7 @@ export const RadioListHeaderFilters = () => {
{permissions.radio.create && (
<Group gap="sm" wrap="nowrap">
<Button onClick={handleCreateRadioStationModal} variant="subtle">
{t('action.createRadioStation', { postProcess: 'sentenceCase' })}
{t('action.createRadioStation')}
</Button>
</Group>
)}
src/renderer/features/radio/components/radio-list-header.tsx
+1 -1
View File
@@ -17,7 +17,7 @@ export const RadioListHeader = ({ title }: RadioListHeaderProps) => {
const { t } = useTranslation();
const { itemCount } = useListContext();
const pageTitle = title || t('page.radioList.title', { postProcess: 'titleCase' });
const pageTitle = title || t('page.radioList.title');
return (
<Stack gap={0}>
src/renderer/features/radio/components/radio-list-items.tsx
+7 -9
View File
@@ -70,8 +70,8 @@ const RadioListItem = ({ station }: RadioListItemProps) => {
children: (
<ConfirmModal
labels={{
cancel: t('common.cancel', { postProcess: 'sentenceCase' }),
confirm: t('common.delete', { postProcess: 'sentenceCase' }),
cancel: t('common.cancel'),
confirm: t('common.delete'),
}}
loading={deleteRadioStationMutation.isPending}
onConfirm={async () => {
@@ -88,19 +88,17 @@ const RadioListItem = ({ station }: RadioListItemProps) => {
} catch (err: any) {
toast.error({
message: err.message,
title: t('error.genericError', {
postProcess: 'sentenceCase',
}),
title: t('error.genericError'),
});
}
closeAllModals();
}}
>
<Text>{t('common.areYouSure', { postProcess: 'sentenceCase' })}</Text>
<Text>{t('common.areYouSure')}</Text>
</ConfirmModal>
),
title: t('common.delete', { postProcess: 'titleCase' }),
title: t('common.delete'),
});
},
[deleteRadioStationMutation, isCurrentStation, server, station.id, stop, t],
@@ -152,7 +150,7 @@ const RadioListItem = ({ station }: RadioListItemProps) => {
onClick={handleEditClick}
size="sm"
tooltip={{
label: t('common.edit', { postProcess: 'sentenceCase' }),
label: t('common.edit'),
}}
variant="subtle"
/>
@@ -164,7 +162,7 @@ const RadioListItem = ({ station }: RadioListItemProps) => {
onClick={handleDeleteClick}
size="sm"
tooltip={{
label: t('common.delete', { postProcess: 'sentenceCase' }),
label: t('common.delete'),
}}
variant="subtle"
/>
src/renderer/features/search/components/go-to-commands.tsx
+9 -9
View File
@@ -30,37 +30,37 @@ export const GoToCommands = ({ handleClose, setPages, setQuery }: GoToCommandsPr
<>
<Command.Group>
<Command.Item onSelect={() => goTo(AppRoute.HOME)}>
{t('page.sidebar.home', { postProcess: 'titleCase' })}
{t('page.sidebar.home')}
</Command.Item>
<Command.Item onSelect={() => goTo(AppRoute.SEARCH)}>
{t('page.sidebar.search', { postProcess: 'titleCase' })}
{t('page.sidebar.search')}
</Command.Item>
<Command.Item
onSelect={() => {
openSettingsModal();
}}
>
{t('page.sidebar.settings', { postProcess: 'titleCase' })}
{t('page.sidebar.settings')}
</Command.Item>
</Command.Group>
<Command.Group heading="Library">
<Command.Item onSelect={() => goTo(AppRoute.LIBRARY_ALBUMS)}>
{t('page.sidebar.albums', { postProcess: 'titleCase' })}
{t('page.sidebar.albums')}
</Command.Item>
<Command.Item onSelect={() => goTo(AppRoute.LIBRARY_SONGS)}>
{t('page.sidebar.tracks', { postProcess: 'titleCase' })}
{t('page.sidebar.tracks')}
</Command.Item>
<Command.Item onSelect={() => goTo(AppRoute.LIBRARY_ALBUM_ARTISTS)}>
{t('page.sidebar.albumArtists', { postProcess: 'titleCase' })}
{t('page.sidebar.albumArtists')}
</Command.Item>
<Command.Item onSelect={() => goTo(AppRoute.LIBRARY_GENRES)}>
{t('page.sidebar.genres', { postProcess: 'titleCase' })}
{t('page.sidebar.genres')}
</Command.Item>
<Command.Item onSelect={() => goTo(AppRoute.LIBRARY_FOLDERS)}>
{t('page.sidebar.folders', { postProcess: 'titleCase' })}
{t('page.sidebar.folders')}
</Command.Item>
<Command.Item onSelect={() => goTo(AppRoute.PLAYLISTS)}>
{t('page.sidebar.playlists', { postProcess: 'titleCase' })}
{t('page.sidebar.playlists')}
</Command.Item>
</Command.Group>
<Command.Separator />
src/renderer/features/search/components/home-commands.tsx
+7 -15
View File
@@ -53,30 +53,22 @@ export const HomeCommands = ({
return (
<>
<Command.Group heading={t('page.globalSearch.title', { postProcess: 'titleCase' })}>
<Command.Item
onSelect={handleSearch}
value={t('common.search', { postProcess: 'sentenceCase' })}
>
<Command.Group heading={t('page.globalSearch.title')}>
<Command.Item onSelect={handleSearch} value={t('common.search')}>
{query
? t('page.globalSearch.commands.searchFor', {
postProcess: 'sentenceCase',
query,
})
: `${t('common.search', { postProcess: 'sentenceCase' })}...`}
? t('page.globalSearch.commands.searchFor', { query })
: `${t('common.search')}...`}
</Command.Item>
<Command.Item onSelect={handleCreatePlaylistModal}>
{t('action.createPlaylist', { postProcess: 'sentenceCase' })}...
{t('action.createPlaylist')}...
</Command.Item>
<Command.Item onSelect={() => setPages([...pages, CommandPalettePages.GO_TO])}>
{t('page.globalSearch.commands.goToPage', { postProcess: 'sentenceCase' })}...
{t('page.globalSearch.commands.goToPage')}...
</Command.Item>
<Command.Item
onSelect={() => setPages([...pages, CommandPalettePages.MANAGE_SERVERS])}
>
{t('page.globalSearch.commands.serverCommands', {
postProcess: 'sentenceCase',
})}
{t('page.globalSearch.commands.serverCommands')}
...
</Command.Item>
</Command.Group>
src/renderer/features/search/components/search-album-artists-section.tsx
+2 -4
View File
@@ -69,7 +69,7 @@ export function SearchAlbumArtistsSection({
return (
<CollapsibleCommandGroup
expanded={expanded}
heading={t('entity.albumArtist', { count: 2, postProcess: 'titleCase' })}
heading={t('entity.albumArtist', { count: 2 })}
onToggle={onToggle}
subtitle={
isFetched ? (
@@ -147,9 +147,7 @@ export function SearchAlbumArtistsSection({
{isFetchingNextPage ? (
<Spinner />
) : (
<Text size="sm">
{t('action.viewMore', { postProcess: 'titleCase' })}
</Text>
<Text size="sm">{t('action.viewMore')}</Text>
)}
</Text>
)}
src/renderer/features/search/components/search-albums-section.tsx
+2 -4
View File
@@ -69,7 +69,7 @@ export function SearchAlbumsSection({
return (
<CollapsibleCommandGroup
expanded={expanded}
heading={t('entity.album', { count: 2, postProcess: 'titleCase' })}
heading={t('entity.album', { count: 2 })}
onToggle={onToggle}
subtitle={
isFetched ? (
@@ -148,9 +148,7 @@ export function SearchAlbumsSection({
{isFetchingNextPage ? (
<Spinner />
) : (
<Text size="sm">
{t('action.viewMore', { postProcess: 'titleCase' })}
</Text>
<Text size="sm">{t('action.viewMore')}</Text>
)}
</div>
)}
src/renderer/features/search/components/search-header.tsx
+3 -3
View File
@@ -85,7 +85,7 @@ export const SearchHeader = ({ navigationId }: SearchHeaderProps) => {
}}
variant={itemType === LibraryItem.SONG ? 'filled' : 'default'}
>
{t('entity.track', { count: 2, postProcess: 'sentenceCase' })}
{t('entity.track', { count: 2 })}
</Button>
<Button
component={Link}
@@ -101,7 +101,7 @@ export const SearchHeader = ({ navigationId }: SearchHeaderProps) => {
}}
variant={itemType === LibraryItem.ALBUM ? 'filled' : 'default'}
>
{t('entity.album', { count: 2, postProcess: 'sentenceCase' })}
{t('entity.album', { count: 2 })}
</Button>
<Button
component={Link}
@@ -117,7 +117,7 @@ export const SearchHeader = ({ navigationId }: SearchHeaderProps) => {
}}
variant={itemType === LibraryItem.ALBUM_ARTIST ? 'filled' : 'default'}
>
{t('entity.artist', { count: 2, postProcess: 'sentenceCase' })}
{t('entity.artist', { count: 2 })}
</Button>
</ButtonGroup>
<ListConfigMenu {...listConfigMenuProps[itemType]} />
src/renderer/features/search/components/search-songs-section.tsx
+2 -4
View File
@@ -69,7 +69,7 @@ export function SearchSongsSection({
return (
<CollapsibleCommandGroup
expanded={expanded}
heading={t('entity.track', { count: 2, postProcess: 'titleCase' })}
heading={t('entity.track', { count: 2 })}
onToggle={onToggle}
subtitle={
isFetched ? (
@@ -147,9 +147,7 @@ export function SearchSongsSection({
{isFetchingNextPage ? (
<Spinner />
) : (
<Text size="sm">
{t('action.viewMore', { postProcess: 'titleCase' })}
</Text>
<Text size="sm">{t('action.viewMore')}</Text>
)}
</div>
)}
src/renderer/features/search/components/server-commands.tsx
+4 -6
View File
@@ -25,7 +25,7 @@ export const ServerCommands = ({ handleClose, setPages, setQuery }: ServerComman
const handleManageServersModal = useCallback(() => {
openModal({
children: <ServerList />,
title: t('page.appMenu.manageServers', { postProcess: 'sentenceCase' }),
title: t('page.appMenu.manageServers'),
});
handleClose();
setQuery('');
@@ -45,9 +45,7 @@ export const ServerCommands = ({ handleClose, setPages, setQuery }: ServerComman
return (
<>
<Command.Group
heading={t('page.appMenu.selectServer', { postProcess: 'sentenceCase' })}
>
<Command.Group heading={t('page.appMenu.selectServer')}>
{Object.keys(serverList).map((key) => (
<Command.Item
key={key}
@@ -56,9 +54,9 @@ export const ServerCommands = ({ handleClose, setPages, setQuery }: ServerComman
))}
</Command.Group>
{!isServerLock() && (
<Command.Group heading={t('common.manage', { postProcess: 'sentenceCase' })}>
<Command.Group heading={t('common.manage')}>
<Command.Item onSelect={handleManageServersModal}>
{t('page.appMenu.manageServers', { postProcess: 'sentenceCase' })}...
{t('page.appMenu.manageServers')}...
</Command.Item>
</Command.Group>
)}
src/renderer/features/servers/components/add-server-form.tsx
+4 -16
View File
@@ -131,7 +131,7 @@ export const AddServerForm = ({ onCancel }: AddServerFormProps) => {
const handleSubmit = form.onSubmit(async (values) => {
if (serverLock && Object.keys(serverList).length >= 1) {
toast.error({
message: t('error.serverLockSingleServer', { postProcess: 'sentenceCase' }),
message: t('error.serverLockSingleServer'),
});
return;
}
@@ -140,7 +140,7 @@ export const AddServerForm = ({ onCancel }: AddServerFormProps) => {
if (!authFunction) {
return toast.error({
message: t('error.invalidServer', { postProcess: 'sentenceCase' }),
message: t('error.invalidServer'),
});
}
@@ -158,7 +158,7 @@ export const AddServerForm = ({ onCancel }: AddServerFormProps) => {
if (!data) {
return toast.error({
message: t('error.authenticationFailed', { postProcess: 'sentenceCase' }),
message: t('error.authenticationFailed'),
});
}
@@ -198,7 +198,7 @@ export const AddServerForm = ({ onCancel }: AddServerFormProps) => {
closeAllModals();
toast.success({
message: t('form.addServer.success', { postProcess: 'sentenceCase' }),
message: t('form.addServer.success'),
});
if (localSettings && values.savePassword) {
@@ -207,7 +207,6 @@ export const AddServerForm = ({ onCancel }: AddServerFormProps) => {
toast.error({
message: t('form.addServer.error', {
context: 'savePassword',
postProcess: 'sentenceCase',
}),
});
}
@@ -255,7 +254,6 @@ export const AddServerForm = ({ onCancel }: AddServerFormProps) => {
disabled={serverLock}
label={t('form.addServer.input', {
context: 'name',
postProcess: 'titleCase',
})}
required
{...form.getInputProps('name')}
@@ -264,7 +262,6 @@ export const AddServerForm = ({ onCancel }: AddServerFormProps) => {
disabled={serverLock}
label={t('form.addServer.input', {
context: 'url',
postProcess: 'titleCase',
})}
required
{...form.getInputProps('url')}
@@ -274,11 +271,9 @@ export const AddServerForm = ({ onCancel }: AddServerFormProps) => {
disabled={serverLock}
label={t('form.addServer.input', {
context: 'remoteUrl',
postProcess: 'titleCase',
})}
placeholder={t('form.addServer.input', {
context: 'remoteUrlPlaceholder',
postProcess: 'sentenceCase',
})}
{...form.getInputProps('remoteUrl')}
/>
@@ -286,7 +281,6 @@ export const AddServerForm = ({ onCancel }: AddServerFormProps) => {
<Checkbox
label={t('form.addServer.input', {
context: 'preferRemoteUrl',
postProcess: 'titleCase',
})}
{...form.getInputProps('preferRemoteUrl', {
type: 'checkbox',
@@ -296,7 +290,6 @@ export const AddServerForm = ({ onCancel }: AddServerFormProps) => {
<TextInput
label={t('form.addServer.input', {
context: 'username',
postProcess: 'titleCase',
})}
required
{...form.getInputProps('username')}
@@ -304,7 +297,6 @@ export const AddServerForm = ({ onCancel }: AddServerFormProps) => {
<PasswordInput
label={t('form.addServer.input', {
context: 'password',
postProcess: 'titleCase',
})}
{...form.getInputProps('password')}
/>
@@ -312,7 +304,6 @@ export const AddServerForm = ({ onCancel }: AddServerFormProps) => {
<Checkbox
label={t('form.addServer.input', {
context: 'savePassword',
postProcess: 'titleCase',
})}
{...form.getInputProps('savePassword', {
type: 'checkbox',
@@ -324,7 +315,6 @@ export const AddServerForm = ({ onCancel }: AddServerFormProps) => {
disabled={serverLock}
label={t('form.addServer.input', {
context: 'legacyAuthentication',
postProcess: 'titleCase',
})}
{...form.getInputProps('legacyAuth', { type: 'checkbox' })}
/>
@@ -333,11 +323,9 @@ export const AddServerForm = ({ onCancel }: AddServerFormProps) => {
<Checkbox
description={t('form.addServer.input', {
context: 'preferInstantMixDescription',
postProcess: 'sentenceCase',
})}
label={t('form.addServer.input', {
context: 'preferInstantMix',
postProcess: 'titleCase',
})}
{...form.getInputProps('preferInstantMix', {
type: 'checkbox',

Some files were not shown because too many files have changed in this diff Show More