javier/jellyfin-audio-player
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: fix remaining import statements

Browse Source
This commit is contained in:
Lei Nelissen
2023-06-19 23:03:17 +02:00
parent 1270390a9c
commit 5f5dae7bc2
31 changed files with 63 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
babel.config.js
View File

@@ -19,13 +19,7 @@ module.exports = {
'.json', '.json',
], ],
alias: { alias: {
store: './src/store', '@': './src',
components: './src/components',
utility: './src/utility',
screens: './src/screens',
assets: './src/assets',
'@localisation': './src/localisation',
CONSTANTS: './src/CONSTANTS',
} }
} }
], ],

2
src/components/CoverImage.tsx
View File

@@ -48,7 +48,7 @@ function CoverImage({
const colorScheme = useColorScheme(); const colorScheme = useColorScheme();
const image = useImage(src || null); const image = useImage(src || null);
const fallback = useImage(colorScheme === 'light' ? require('assets/images/empty-album-light.png') : require('assets/images/empty-album-dark.png')); const fallback = useImage(colorScheme === 'light' ? require('@/assets/images/empty-album-light.png') : require('@/assets/images/empty-album-dark.png'));
const { canvasSize, imageSize } = useMemo(() => { const { canvasSize, imageSize } = useMemo(() => {
const imageSize = Screen.width - margin; const imageSize = Screen.width - margin;
const canvasSize = imageSize + blurRadius * 2; const canvasSize = imageSize + blurRadius * 2;

8
src/components/DownloadIcon.tsx
View File

@@ -1,9 +1,9 @@
import React, { useEffect, useMemo, useRef } from 'react'; import React, { useEffect, useMemo, useRef } from 'react';
import { useTypedSelector } from '@/store'; import { useTypedSelector } from '@/store';
import CloudIcon from 'assets/icons/cloud.svg'; import CloudIcon from '@/assets/icons/cloud.svg';
import CloudDownArrow from 'assets/icons/cloud-down-arrow.svg'; import CloudDownArrow from '@/assets/icons/cloud-down-arrow.svg';
import CloudExclamationMarkIcon from 'assets/icons/cloud-exclamation-mark.svg'; import CloudExclamationMarkIcon from '@/assets/icons/cloud-exclamation-mark.svg';
import InternalDriveIcon from 'assets/icons/internal-drive.svg'; import InternalDriveIcon from '@/assets/icons/internal-drive.svg';
import useDefaultStyles from './Colors'; import useDefaultStyles from './Colors';
import { EntityId } from '@reduxjs/toolkit'; import { EntityId } from '@reduxjs/toolkit';
import Svg, { Circle, CircleProps } from 'react-native-svg'; import Svg, { Circle, CircleProps } from 'react-native-svg';

2
src/components/ListButton.tsx
View File

@@ -1,6 +1,6 @@
import React, { useCallback, useState } from 'react'; import React, { useCallback, useState } from 'react';
import { TouchableOpacityProps } from 'react-native'; import { TouchableOpacityProps } from 'react-native';
import ChevronRight from 'assets/icons/chevron-right.svg'; import ChevronRight from '@/assets/icons/chevron-right.svg';
import styled from 'styled-components/native'; import styled from 'styled-components/native';
import { THEME_COLOR } from '@/CONSTANTS'; import { THEME_COLOR } from '@/CONSTANTS';
import useDefaultStyles from './Colors'; import useDefaultStyles from './Colors';

4
src/screens/Downloads/index.tsx
View File

@@ -4,8 +4,8 @@ import { FlatListProps, View } from 'react-native';
import { SafeAreaView } from 'react-native-safe-area-context'; import { SafeAreaView } from 'react-native-safe-area-context';
import { useAppDispatch, useTypedSelector } from '@/store'; import { useAppDispatch, useTypedSelector } from '@/store';
import formatBytes from '@/utility/formatBytes'; import formatBytes from '@/utility/formatBytes';
import TrashIcon from 'assets/icons/trash.svg'; import TrashIcon from '@/assets/icons/trash.svg';
import ArrowClockwise from 'assets/icons/arrow-clockwise.svg'; import ArrowClockwise from '@/assets/icons/arrow-clockwise.svg';
import { EntityId } from '@reduxjs/toolkit'; import { EntityId } from '@reduxjs/toolkit';
import { queueTrackForDownload, removeDownloadedTrack } from '@/store/downloads/actions'; import { queueTrackForDownload, removeDownloadedTrack } from '@/store/downloads/actions';
import Button from '@/components/Button'; import Button from '@/components/Button';

2
src/screens/Music/index.tsx
View File

@@ -5,7 +5,7 @@ import { GestureHandlerRootView } from 'react-native-gesture-handler';
import { THEME_COLOR } from '@/CONSTANTS'; import { THEME_COLOR } from '@/CONSTANTS';
import { t } from '@/localisation'; import { t } from '@/localisation';
import useDefaultStyles, { ColoredBlurView } from '@/components/Colors'; import useDefaultStyles, { ColoredBlurView } from '@/components/Colors';
import { StackParams } from 'screens/types'; import { StackParams } from '@/screens/types';
import NowPlaying from './overlays/NowPlaying'; import NowPlaying from './overlays/NowPlaying';
import RecentAlbums from './stacks/RecentAlbums'; import RecentAlbums from './stacks/RecentAlbums';

6
src/screens/Music/overlays/NowPlaying/index.tsx
View File

@@ -3,8 +3,8 @@ import { ActivityIndicator, Animated, Dimensions, Platform, Pressable, View } fr
import FastImage from 'react-native-fast-image'; import FastImage from 'react-native-fast-image';
import styled, { css } from 'styled-components/native'; import styled, { css } from 'styled-components/native';
import PlayIcon from 'assets/icons/play.svg'; import PlayIcon from '@/assets/icons/play.svg';
import PauseIcon from 'assets/icons/pause.svg'; import PauseIcon from '@/assets/icons/pause.svg';
import useCurrentTrack from '@/utility/useCurrentTrack'; import useCurrentTrack from '@/utility/useCurrentTrack';
import TrackPlayer, { State, usePlaybackState, useProgress } from 'react-native-track-player'; import TrackPlayer, { State, usePlaybackState, useProgress } from 'react-native-track-player';
import { Shadow } from 'react-native-shadow-2'; import { Shadow } from 'react-native-shadow-2';
@@ -15,7 +15,7 @@ import useDefaultStyles, { ColoredBlurView } from '@/components/Colors';
import { useNavigation } from '@react-navigation/native'; import { useNavigation } from '@react-navigation/native';
import { calculateProgressTranslation } from '@/components/Progresstrack'; import { calculateProgressTranslation } from '@/components/Progresstrack';
import { THEME_COLOR } from '@/CONSTANTS'; import { THEME_COLOR } from '@/CONSTANTS';
import { NavigationProp } from 'screens/types'; import { NavigationProp } from '@/screens/types';
import { ShadowWrapper } from '@/components/Shadow'; import { ShadowWrapper } from '@/components/Shadow';
import { useBottomTabBarHeight } from '@react-navigation/bottom-tabs'; import { useBottomTabBarHeight } from '@react-navigation/bottom-tabs';

2
src/screens/Music/stacks/Album.tsx
View File

@@ -6,7 +6,7 @@ import { fetchAlbum, fetchTracksByAlbum } from '@/store/music/actions';
import { differenceInDays } from 'date-fns'; import { differenceInDays } from 'date-fns';
import { ALBUM_CACHE_AMOUNT_OF_DAYS } from '@/CONSTANTS'; import { ALBUM_CACHE_AMOUNT_OF_DAYS } from '@/CONSTANTS';
import { t } from '@/localisation'; import { t } from '@/localisation';
import { NavigationProp, StackParams } from 'screens/types'; import { NavigationProp, StackParams } from '@/screens/types';
import { SubHeader, Text } from '@/components/Typography'; import { SubHeader, Text } from '@/components/Typography';
import { ScrollView } from 'react-native-gesture-handler'; import { ScrollView } from 'react-native-gesture-handler';
import { useGetImage } from '@/utility/JellyfinApi'; import { useGetImage } from '@/utility/JellyfinApi';

2
src/screens/Music/stacks/Albums.tsx
View File

@@ -16,7 +16,7 @@ import useDefaultStyles, { ColoredBlurView } from '@/components/Colors';
import { Album } from '@/store/music/types'; import { Album } from '@/store/music/types';
import { Text } from '@/components/Typography'; import { Text } from '@/components/Typography';
import { ShadowWrapper } from '@/components/Shadow'; import { ShadowWrapper } from '@/components/Shadow';
import { NavigationProp } from 'screens/types'; import { NavigationProp } from '@/screens/types';
import { SafeSectionList } from '@/components/SafeNavigatorView'; import { SafeSectionList } from '@/components/SafeNavigatorView';
const HeadingHeight = 50; const HeadingHeight = 50;

2
src/screens/Music/stacks/Artist.tsx
View File

@@ -14,7 +14,7 @@ import useDefaultStyles from '@/components/Colors';
import { Album } from '@/store/music/types'; import { Album } from '@/store/music/types';
import { Text } from '@/components/Typography'; import { Text } from '@/components/Typography';
import { ShadowWrapper } from '@/components/Shadow'; import { ShadowWrapper } from '@/components/Shadow';
import { NavigationProp, StackParams } from 'screens/types'; import { NavigationProp, StackParams } from '@/screens/types';
import { SafeFlatList } from '@/components/SafeNavigatorView'; import { SafeFlatList } from '@/components/SafeNavigatorView';
import { chunk } from 'lodash'; import { chunk } from 'lodash';

2
src/screens/Music/stacks/Artists.tsx
View File

@@ -12,7 +12,7 @@ import AlphabetScroller from '@/components/AlphabetScroller';
import styled from 'styled-components/native'; import styled from 'styled-components/native';
import useDefaultStyles, { ColoredBlurView } from '@/components/Colors'; import useDefaultStyles, { ColoredBlurView } from '@/components/Colors';
import { Text } from '@/components/Typography'; import { Text } from '@/components/Typography';
import { NavigationProp } from 'screens/types'; import { NavigationProp } from '@/screens/types';
import { SafeSectionList } from '@/components/SafeNavigatorView'; import { SafeSectionList } from '@/components/SafeNavigatorView';
import { Gap } from '@/components/Utility'; import { Gap } from '@/components/Utility';

2
src/screens/Music/stacks/Playlist.tsx
View File

@@ -6,7 +6,7 @@ import { fetchTracksByPlaylist } from '@/store/music/actions';
import { differenceInDays } from 'date-fns'; import { differenceInDays } from 'date-fns';
import { ALBUM_CACHE_AMOUNT_OF_DAYS } from '@/CONSTANTS'; import { ALBUM_CACHE_AMOUNT_OF_DAYS } from '@/CONSTANTS';
import { t } from '@/localisation'; import { t } from '@/localisation';
import { StackParams } from 'screens/types'; import { StackParams } from '@/screens/types';
type Route = RouteProp<StackParams, 'Album'>; type Route = RouteProp<StackParams, 'Album'>;

2
src/screens/Music/stacks/Playlists.tsx
View File

@@ -10,7 +10,7 @@ import TouchableHandler from '@/components/TouchableHandler';
import AlbumImage, { AlbumItem } from './components/AlbumImage'; import AlbumImage, { AlbumItem } from './components/AlbumImage';
import { EntityId } from '@reduxjs/toolkit'; import { EntityId } from '@reduxjs/toolkit';
import useDefaultStyles from '@/components/Colors'; import useDefaultStyles from '@/components/Colors';
import { NavigationProp } from 'screens/types'; import { NavigationProp } from '@/screens/types';
import { SafeFlatList, useNavigationOffsets } from '@/components/SafeNavigatorView'; import { SafeFlatList, useNavigationOffsets } from '@/components/SafeNavigatorView';
interface GeneratedAlbumItemProps { interface GeneratedAlbumItemProps {

2
src/screens/Music/stacks/RecentAlbums.tsx
View File

@@ -16,7 +16,7 @@ import { Album } from '@/store/music/types';
import Divider from '@/components/Divider'; import Divider from '@/components/Divider';
import styled from 'styled-components/native'; import styled from 'styled-components/native';
import { ShadowWrapper } from '@/components/Shadow'; import { ShadowWrapper } from '@/components/Shadow';
import { NavigationProp } from 'screens/types'; import { NavigationProp } from '@/screens/types';
import { SafeFlatList } from '@/components/SafeNavigatorView'; import { SafeFlatList } from '@/components/SafeNavigatorView';
const styles = StyleSheet.create({ const styles = StyleSheet.create({

2
src/screens/Music/stacks/components/AlbumImage.tsx
View File

@@ -27,7 +27,7 @@ function AlbumImage(props: FastImageProps) {
if (!props.source || hasError) { if (!props.source || hasError) {
return ( return (
<Container {...props} source={colorScheme === 'light' ? require('assets/images/empty-album-light.png') : require('assets/images/empty-album-dark.png')} /> <Container {...props} source={colorScheme === 'light' ? require('@/assets/images/empty-album-light.png') : require('@/assets/images/empty-album-dark.png')} />
); );
} }

10
src/screens/Music/stacks/components/TrackListView.tsx
View File

@@ -8,16 +8,16 @@ import { THEME_COLOR } from '@/CONSTANTS';
import TouchableHandler from '@/components/TouchableHandler'; import TouchableHandler from '@/components/TouchableHandler';
import useCurrentTrack from '@/utility/useCurrentTrack'; import useCurrentTrack from '@/utility/useCurrentTrack';
import TrackPlayer from 'react-native-track-player'; import TrackPlayer from 'react-native-track-player';
import Play from 'assets/icons/play.svg'; import Play from '@/assets/icons/play.svg';
import Shuffle from 'assets/icons/shuffle.svg'; import Shuffle from '@/assets/icons/shuffle.svg';
import useDefaultStyles from '@/components/Colors'; import useDefaultStyles from '@/components/Colors';
import usePlayTracks from '@/utility/usePlayTracks'; import usePlayTracks from '@/utility/usePlayTracks';
import { EntityId } from '@reduxjs/toolkit'; import { EntityId } from '@reduxjs/toolkit';
import { WrappableButtonRow, WrappableButton } from '@/components/WrappableButtonRow'; import { WrappableButtonRow, WrappableButton } from '@/components/WrappableButtonRow';
import { NavigationProp } from 'screens/types'; import { NavigationProp } from '@/screens/types';
import DownloadIcon from '@/components/DownloadIcon'; import DownloadIcon from '@/components/DownloadIcon';
import CloudDownArrow from 'assets/icons/cloud-down-arrow.svg'; import CloudDownArrow from '@/assets/icons/cloud-down-arrow.svg';
import Trash from 'assets/icons/trash.svg'; import Trash from '@/assets/icons/trash.svg';
import { queueTrackForDownload, removeDownloadedTrack } from '@/store/downloads/actions'; import { queueTrackForDownload, removeDownloadedTrack } from '@/store/downloads/actions';
import { selectDownloadedTracks } from '@/store/downloads/selectors'; import { selectDownloadedTracks } from '@/store/downloads/selectors';
import { Header, SubHeader } from '@/components/Typography'; import { Header, SubHeader } from '@/components/Typography';

2
src/screens/Onboarding/index.tsx
View File

@@ -1,7 +1,7 @@
import React, { useCallback, useEffect } from 'react'; import React, { useCallback, useEffect } from 'react';
import styled from 'styled-components/native'; import styled from 'styled-components/native';
import { useNavigation } from '@react-navigation/native'; import { useNavigation } from '@react-navigation/native';
import { NavigationProp } from 'screens'; import { NavigationProp } from '@/screens';
import { useAppDispatch, useTypedSelector } from '@/store'; import { useAppDispatch, useTypedSelector } from '@/store';
import { setOnboardingStatus } from '@/store/settings/actions'; import { setOnboardingStatus } from '@/store/settings/actions';
import { t } from '@/localisation'; import { t } from '@/localisation';

6
src/screens/Search/index.tsx
View File

@@ -3,11 +3,11 @@ import { createStackNavigator } from '@react-navigation/stack';
import { THEME_COLOR } from '@/CONSTANTS'; import { THEME_COLOR } from '@/CONSTANTS';
import { t } from '@/localisation'; import { t } from '@/localisation';
import useDefaultStyles, { ColoredBlurView } from '@/components/Colors'; import useDefaultStyles, { ColoredBlurView } from '@/components/Colors';
import { StackParams } from 'screens/types'; import { StackParams } from '@/screens/types';
import Search from './stacks/Search'; import Search from './stacks/Search';
import Album from 'screens/Music/stacks/Album'; import Album from '@/screens/Music/stacks/Album';
import { StyleSheet } from 'react-native'; import { StyleSheet } from 'react-native';
import NowPlaying from 'screens/Music/overlays/NowPlaying'; import NowPlaying from '@/screens/Music/overlays/NowPlaying';
import { GestureHandlerRootView } from 'react-native-gesture-handler'; import { GestureHandlerRootView } from 'react-native-gesture-handler';
const Stack = createStackNavigator<StackParams>(); const Stack = createStackNavigator<StackParams>();

18
src/screens/Search/stacks/Search/index.tsx
View File

@@ -16,18 +16,18 @@ import { searchAndFetchAlbums } from '@/store/music/actions';
import { debounce } from 'lodash'; import { debounce } from 'lodash';
import { Text } from '@/components/Typography'; import { Text } from '@/components/Typography';
import DownloadIcon from '@/components/DownloadIcon'; import DownloadIcon from '@/components/DownloadIcon';
import ChevronRight from 'assets/icons/chevron-right.svg'; import ChevronRight from '@/assets/icons/chevron-right.svg';
import SearchIcon from 'assets/icons/magnifying-glass.svg'; import SearchIcon from '@/assets/icons/magnifying-glass.svg';
import { ShadowWrapper } from '@/components/Shadow'; import { ShadowWrapper } from '@/components/Shadow';
import { useKeyboardHeight } from '@/utility/useKeyboardHeight'; import { useKeyboardHeight } from '@/utility/useKeyboardHeight';
import { NavigationProp } from 'screens/types'; import { NavigationProp } from '@/screens/types';
import { useNavigationOffsets } from '@/components/SafeNavigatorView'; import { useNavigationOffsets } from '@/components/SafeNavigatorView';
// import MicrophoneIcon from 'assets/icons/microphone.svg'; // import MicrophoneIcon from '@/assets/icons/microphone.svg';
// import AlbumIcon from 'assets/icons/collection.svg'; // import AlbumIcon from '@/assets/icons/collection.svg';
// import TrackIcon from 'assets/icons/note.svg'; // import TrackIcon from '@/assets/icons/note.svg';
// import PlaylistIcon from 'assets/icons/note-list.svg'; // import PlaylistIcon from '@/assets/icons/note-list.svg';
// import StreamIcon from 'assets/icons/cloud.svg'; // import StreamIcon from '@/assets/icons/cloud.svg';
// import LocalIcon from 'assets/icons/internal-drive.svg'; // import LocalIcon from '@/assets/icons/internal-drive.svg';
// import SelectableFilter from './components/SelectableFilter'; // import SelectableFilter from './components/SelectableFilter';
const SEARCH_INPUT_HEIGHT = 62; const SEARCH_INPUT_HEIGHT = 62;

2
src/screens/Settings/components/Radio.tsx
View File

@@ -1,6 +1,6 @@
import React, { useCallback } from 'react'; import React, { useCallback } from 'react';
import styled from 'styled-components/native'; import styled from 'styled-components/native';
import CheckmarkIcon from 'assets/icons/checkmark.svg'; import CheckmarkIcon from '@/assets/icons/checkmark.svg';
import { Text } from '@/components/Typography'; import { Text } from '@/components/Typography';
import useDefaultStyles from '@/components/Colors'; import useDefaultStyles from '@/components/Colors';
import { THEME_COLOR } from '@/CONSTANTS'; import { THEME_COLOR } from '@/CONSTANTS';

2
src/screens/Settings/stacks/Sentry.tsx
View File

@@ -5,7 +5,7 @@ import { Switch } from 'react-native-gesture-handler';
import styled, { css } from 'styled-components/native'; import styled, { css } from 'styled-components/native';
import { isSentryEnabled, setSentryStatus } from '@/utility/Sentry'; import { isSentryEnabled, setSentryStatus } from '@/utility/Sentry';
import Accordion from 'react-native-collapsible/Accordion'; import Accordion from 'react-native-collapsible/Accordion';
import ChevronIcon from 'assets/icons/chevron-right.svg'; import ChevronIcon from '@/assets/icons/chevron-right.svg';
import { THEME_COLOR } from '@/CONSTANTS'; import { THEME_COLOR } from '@/CONSTANTS';
import useDefaultStyles, { DefaultStylesProvider } from '@/components/Colors'; import useDefaultStyles, { DefaultStylesProvider } from '@/components/Colors';
import { t } from '@/localisation'; import { t } from '@/localisation';

8
src/screens/index.tsx
View File

@@ -13,10 +13,10 @@ import Onboarding from './Onboarding';
import TrackPopupMenu from './modals/TrackPopupMenu'; import TrackPopupMenu from './modals/TrackPopupMenu';
import SetJellyfinServer from './modals/SetJellyfinServer'; import SetJellyfinServer from './modals/SetJellyfinServer';
import SearchIcon from 'assets/icons/magnifying-glass.svg'; import SearchIcon from '@/assets/icons/magnifying-glass.svg';
import NotesIcon from 'assets/icons/notes.svg'; import NotesIcon from '@/assets/icons/notes.svg';
import GearIcon from 'assets/icons/gear.svg'; import GearIcon from '@/assets/icons/gear.svg';
import DownloadsIcon from 'assets/icons/arrow-down-to-line.svg'; import DownloadsIcon from '@/assets/icons/arrow-down-to-line.svg';
import { useTypedSelector } from '@/store'; import { useTypedSelector } from '@/store';
import { t } from '@/localisation'; import { t } from '@/localisation';
import ErrorReportingAlert from '@/utility/ErrorReportingAlert'; import ErrorReportingAlert from '@/utility/ErrorReportingAlert';

2
src/screens/modals/ErrorReportingPopup.tsx
View File

@@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
import Modal from '@/components/Modal'; import Modal from '@/components/Modal';
import Sentry from 'screens/Settings/stacks/Sentry'; import Sentry from '@/screens/Settings/stacks/Sentry';
export default function ErrorReportingPopup() { export default function ErrorReportingPopup() {
return ( return (

2
src/screens/modals/Player/components/Backbutton.tsx
View File

@@ -1,6 +1,6 @@
import React, { useCallback } from 'react'; import React, { useCallback } from 'react';
import { useNavigation } from '@react-navigation/native'; import { useNavigation } from '@react-navigation/native';
import XmarkIcon from 'assets/icons/xmark.svg'; import XmarkIcon from '@/assets/icons/xmark.svg';
import { TouchableOpacity } from 'react-native'; import { TouchableOpacity } from 'react-native';
import styled from 'styled-components/native'; import styled from 'styled-components/native';

2
src/screens/modals/Player/components/Casting.ios.tsx
View File

@@ -4,7 +4,7 @@ import React, { useCallback } from 'react';
import { showRoutePicker, useAirplayRoutes } from 'react-airplay'; import { showRoutePicker, useAirplayRoutes } from 'react-airplay';
import { TouchableOpacity } from 'react-native'; import { TouchableOpacity } from 'react-native';
import styled, { css } from 'styled-components/native'; import styled, { css } from 'styled-components/native';
import AirplayAudioIcon from 'assets/icons/airplay-audio.svg'; import AirplayAudioIcon from '@/assets/icons/airplay-audio.svg';
import useDefaultStyles from '@/components/Colors'; import useDefaultStyles from '@/components/Colors';
import { t } from '@/localisation'; import { t } from '@/localisation';

2
src/screens/modals/Player/components/ConnectionNotice.tsx
View File

@@ -2,7 +2,7 @@ import React from 'react';
import { useNetInfo } from '@react-native-community/netinfo'; import { useNetInfo } from '@react-native-community/netinfo';
import { THEME_COLOR } from '@/CONSTANTS'; import { THEME_COLOR } from '@/CONSTANTS';
import styled from 'styled-components/native'; import styled from 'styled-components/native';
import CloudSlash from 'assets/icons/cloud-slash.svg'; import CloudSlash from '@/assets/icons/cloud-slash.svg';
import { Text } from 'react-native'; import { Text } from 'react-native';
import { t } from '@/localisation'; import { t } from '@/localisation';
import useDefaultStyles from '@/components/Colors'; import useDefaultStyles from '@/components/Colors';

8
src/screens/modals/Player/components/MediaControls.tsx
View File

@@ -3,10 +3,10 @@ import TrackPlayer, { State, usePlaybackState } from 'react-native-track-player'
import { TouchableOpacity, useColorScheme } from 'react-native'; import { TouchableOpacity, useColorScheme } from 'react-native';
import styled from 'styled-components/native'; import styled from 'styled-components/native';
import { useHasNextQueue, useHasPreviousQueue } from '@/utility/useQueue'; import { useHasNextQueue, useHasPreviousQueue } from '@/utility/useQueue';
import ForwardIcon from 'assets/icons/forward-end.svg'; import ForwardIcon from '@/assets/icons/forward-end.svg';
import BackwardIcon from 'assets/icons/backward-end.svg'; import BackwardIcon from '@/assets/icons/backward-end.svg';
import PlayIcon from 'assets/icons/play.svg'; import PlayIcon from '@/assets/icons/play.svg';
import PauseIcon from 'assets/icons/pause.svg'; import PauseIcon from '@/assets/icons/pause.svg';
const BUTTON_SIZE = 40; const BUTTON_SIZE = 40;

4
src/screens/modals/Player/components/Queue.tsx
View File

@@ -8,8 +8,8 @@ import TrackPlayer, { RepeatMode, Track } from 'react-native-track-player';
import { t } from '@/localisation'; import { t } from '@/localisation';
import useDefaultStyles from '@/components/Colors'; import useDefaultStyles from '@/components/Colors';
import { Text } from '@/components/Typography'; import { Text } from '@/components/Typography';
import RepeatIcon from 'assets/icons/repeat.svg'; import RepeatIcon from '@/assets/icons/repeat.svg';
import RepeatSingleIcon from 'assets/icons/repeat.1.svg'; import RepeatSingleIcon from '@/assets/icons/repeat.1.svg';
import Button from '@/components/Button'; import Button from '@/components/Button';
import { THEME_COLOR } from '@/CONSTANTS'; import { THEME_COLOR } from '@/CONSTANTS';
import DownloadIcon from '@/components/DownloadIcon'; import DownloadIcon from '@/components/DownloadIcon';

4
src/screens/modals/Player/components/StreamStatus.tsx
View File

@@ -1,7 +1,7 @@
import React, { useMemo } from 'react'; import React, { useMemo } from 'react';
import useCurrentTrack from '@/utility/useCurrentTrack'; import useCurrentTrack from '@/utility/useCurrentTrack';
import CloudIcon from 'assets/icons/cloud.svg'; import CloudIcon from '@/assets/icons/cloud.svg';
import InternalDriveIcon from 'assets/icons/internal-drive.svg'; import InternalDriveIcon from '@/assets/icons/internal-drive.svg';
import useDefaultStyles from '@/components/Colors'; import useDefaultStyles from '@/components/Colors';
import { Text } from '@/components/Typography'; import { Text } from '@/components/Typography';
import styled from 'styled-components/native'; import styled from 'styled-components/native';

10
src/screens/modals/TrackPopupMenu.tsx
View File

@@ -1,14 +1,14 @@
import React, { useCallback } from 'react'; import React, { useCallback } from 'react';
import { useNavigation, StackActions, useRoute, RouteProp } from '@react-navigation/native'; import { useNavigation, StackActions, useRoute, RouteProp } from '@react-navigation/native';
import { StackParams } from 'screens/types'; import { StackParams } from '@/screens/types';
import { useAppDispatch, useTypedSelector } from '@/store'; import { useAppDispatch, useTypedSelector } from '@/store';
import { Header, SubHeader } from '@/components/Typography'; import { Header, SubHeader } from '@/components/Typography';
import styled from 'styled-components/native'; import styled from 'styled-components/native';
import { t } from '@/localisation'; import { t } from '@/localisation';
import PlayIcon from 'assets/icons/play.svg'; import PlayIcon from '@/assets/icons/play.svg';
import DownloadIcon from 'assets/icons/cloud-down-arrow.svg'; import DownloadIcon from '@/assets/icons/cloud-down-arrow.svg';
import QueueAppendIcon from 'assets/icons/queue-append.svg'; import QueueAppendIcon from '@/assets/icons/queue-append.svg';
import TrashIcon from 'assets/icons/trash.svg'; import TrashIcon from '@/assets/icons/trash.svg';
import { WrappableButton, WrappableButtonRow } from '@/components/WrappableButtonRow'; import { WrappableButton, WrappableButtonRow } from '@/components/WrappableButtonRow';
import CoverImage from '@/components/CoverImage'; import CoverImage from '@/components/CoverImage';

2
src/utility/ErrorReportingAlert.ts
View File

@@ -5,7 +5,7 @@ import { t } from '@/localisation';
import { setReceivedErrorReportingAlert } from '@/store/settings/actions'; import { setReceivedErrorReportingAlert } from '@/store/settings/actions';
import { setSentryStatus } from './Sentry'; import { setSentryStatus } from './Sentry';
import { useNavigation } from '@react-navigation/native'; import { useNavigation } from '@react-navigation/native';
import { NavigationProp } from 'screens/types'; import { NavigationProp } from '@/screens/types';
/** /**
* This will send out an alert message asking the user if they want to enable * This will send out an alert message asking the user if they want to enable