diff --git a/src/renderer/components/item-list/helpers/item-list-controls.ts b/src/renderer/components/item-list/helpers/item-list-controls.ts index 707e5e15a..7cd3c599d 100644 --- a/src/renderer/components/item-list/helpers/item-list-controls.ts +++ b/src/renderer/components/item-list/helpers/item-list-controls.ts @@ -4,7 +4,7 @@ import { useNavigate } from 'react-router'; import { getTitlePath } from '/@/renderer/components/item-list/helpers/get-title-path'; import { ItemListStateItemWithRequiredProperties } from '/@/renderer/components/item-list/helpers/item-list-state'; import { DefaultItemControlProps, ItemControls } from '/@/renderer/components/item-list/types'; -import { usePlayerContext } from '/@/renderer/features/player/context/player-context'; +import { usePlayer } from '/@/renderer/features/player/context/player-context'; import { LibraryItem, QueueSong } from '/@/shared/types/domain-types'; import { Play, TableColumn } from '/@/shared/types/types'; @@ -18,7 +18,7 @@ interface UseDefaultItemListControlsArgs { } export const useDefaultItemListControls = (args?: UseDefaultItemListControlsArgs) => { - const player = usePlayerContext(); + const player = usePlayer(); const navigate = useNavigate(); const { onColumnReordered, onColumnResized } = args || {}; diff --git a/src/renderer/components/item-list/item-table-list/item-table-list.tsx b/src/renderer/components/item-list/item-table-list/item-table-list.tsx index 75f8edc3c..27ba72b67 100644 --- a/src/renderer/components/item-list/item-table-list/item-table-list.tsx +++ b/src/renderer/components/item-list/item-table-list/item-table-list.tsx @@ -35,10 +35,7 @@ import { ItemListHandle, ItemTableListColumnConfig, } from '/@/renderer/components/item-list/types'; -import { - PlayerContext, - usePlayerContext, -} from '/@/renderer/features/player/context/player-context'; +import { PlayerContext, usePlayer } from '/@/renderer/features/player/context/player-context'; import { LibraryItem } from '/@/shared/types/domain-types'; import { TableColumn } from '/@/shared/types/types'; @@ -584,7 +581,7 @@ export const ItemTableList = ({ const totalItemCount = enableHeader ? data.length + 1 : data.length; const parsedColumns = useMemo(() => parseTableColumns(columns), [columns]); const columnCount = parsedColumns.length; - const playerContext = usePlayerContext(); + const playerContext = usePlayer(); const [centerContainerWidth, setCenterContainerWidth] = useState(0); const [totalContainerWidth, setTotalContainerWidth] = useState(0); diff --git a/src/renderer/features/now-playing/components/play-queue-list-controls.tsx b/src/renderer/features/now-playing/components/play-queue-list-controls.tsx index fec6b9c1a..cf0db9c58 100644 --- a/src/renderer/features/now-playing/components/play-queue-list-controls.tsx +++ b/src/renderer/features/now-playing/components/play-queue-list-controls.tsx @@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next'; import { SONG_TABLE_COLUMNS } from '/@/renderer/components/item-list/item-table-list/default-columns'; import { ItemListHandle } from '/@/renderer/components/item-list/types'; -import { usePlayerContext } from '/@/renderer/features/player/context/player-context'; +import { usePlayer } from '/@/renderer/features/player/context/player-context'; import { updateSong } from '/@/renderer/features/player/update-remote-song'; import { ListConfigMenu } from '/@/renderer/features/shared/components/list-config-menu'; import { SearchInput } from '/@/renderer/features/shared/components/search-input'; @@ -26,7 +26,7 @@ export const PlayQueueListControls = ({ tableRef, }: PlayQueueListOptionsProps) => { const { t } = useTranslation(); - const player = usePlayerContext(); + const player = usePlayer(); const currentSong = usePlayerSong(); const handleMoveToNext = () => { diff --git a/src/renderer/features/now-playing/components/play-queue.tsx b/src/renderer/features/now-playing/components/play-queue.tsx index b92652402..72ba5f3ce 100644 --- a/src/renderer/features/now-playing/components/play-queue.tsx +++ b/src/renderer/features/now-playing/components/play-queue.tsx @@ -7,10 +7,7 @@ import { ItemTableList } from '/@/renderer/components/item-list/item-table-list/ import { ItemTableListColumn } from '/@/renderer/components/item-list/item-table-list/item-table-list-column'; import { ItemListHandle } from '/@/renderer/components/item-list/types'; import { usePlayerEvents } from '/@/renderer/features/player/audio-player/hooks/use-player-events'; -import { - useIsPlayerFetching, - usePlayerContext, -} from '/@/renderer/features/player/context/player-context'; +import { useIsPlayerFetching, usePlayer } from '/@/renderer/features/player/context/player-context'; import { useDragDrop } from '/@/renderer/hooks/use-drag-drop'; import { useListSettings, usePlayerQueue } from '/@/renderer/store'; import { searchSongs } from '/@/renderer/utils/search-songs'; @@ -107,7 +104,7 @@ export const PlayQueue = forwardRef(({ listKey, sear }); const EmptyQueueDropZone = () => { - const playerContext = usePlayerContext(); + const playerContext = usePlayer(); const { isDraggedOver, ref } = useDragDrop({ drop: { diff --git a/src/renderer/features/player/components/center-controls.tsx b/src/renderer/features/player/components/center-controls.tsx index 04895a646..93be5b806 100644 --- a/src/renderer/features/player/components/center-controls.tsx +++ b/src/renderer/features/player/components/center-controls.tsx @@ -6,7 +6,7 @@ import styles from './center-controls.module.css'; import { PlayButton, PlayerButton } from '/@/renderer/features/player/components/player-button'; import { PlayerbarSlider } from '/@/renderer/features/player/components/playerbar-slider'; import { openShuffleAllModal } from '/@/renderer/features/player/components/shuffle-all-modal'; -import { usePlayerContext } from '/@/renderer/features/player/context/player-context'; +import { usePlayer } from '/@/renderer/features/player/context/player-context'; import { usePlayQueueAdd } from '/@/renderer/features/player/hooks/use-playqueue-add'; import { usePlayerRepeat, @@ -37,7 +37,7 @@ export const CenterControls = () => { mediaTogglePlayPause, toggleRepeat, toggleShuffle, - } = usePlayerContext(); + } = usePlayer(); const handlePlayQueueAdd = usePlayQueueAdd(); diff --git a/src/renderer/features/player/components/playerbar-slider.tsx b/src/renderer/features/player/components/playerbar-slider.tsx index 45c332d1e..e64c27704 100644 --- a/src/renderer/features/player/components/playerbar-slider.tsx +++ b/src/renderer/features/player/components/playerbar-slider.tsx @@ -5,7 +5,7 @@ import styles from './playerbar-slider.module.css'; import { MpvPlayer } from '/@/renderer/features/player/audio-player/mpv-player'; import { WebPlayer } from '/@/renderer/features/player/audio-player/web-player'; -import { usePlayerContext } from '/@/renderer/features/player/context/player-context'; +import { usePlayer } from '/@/renderer/features/player/context/player-context'; import { useRemote } from '/@/renderer/features/remote/hooks/use-remote'; import { useAppStore, @@ -36,7 +36,7 @@ export const PlayerbarSlider = ({ ...props }: SliderProps) => { const { showTimeRemaining } = useAppStore(); const { setShowTimeRemaining } = useAppStoreActions(); - const { mediaSeekToTimestamp } = usePlayerContext(); + const { mediaSeekToTimestamp } = usePlayer(); const handleSeekToTimestamp = (timestamp: number) => { mediaSeekToTimestamp(timestamp); diff --git a/src/renderer/features/player/components/right-controls.tsx b/src/renderer/features/player/components/right-controls.tsx index 50c8a6cdd..336a7dfa1 100644 --- a/src/renderer/features/player/components/right-controls.tsx +++ b/src/renderer/features/player/components/right-controls.tsx @@ -4,7 +4,7 @@ import { useCallback, useEffect, WheelEvent } from 'react'; import { useTranslation } from 'react-i18next'; import { CustomPlayerbarSlider } from '/@/renderer/features/player/components/playerbar-slider'; -import { usePlayerContext } from '/@/renderer/features/player/context/player-context'; +import { usePlayer } from '/@/renderer/features/player/context/player-context'; import { useCreateFavorite } from '/@/renderer/features/shared/mutations/create-favorite-mutation'; import { useDeleteFavorite } from '/@/renderer/features/shared/mutations/delete-favorite-mutation'; import { useSetRating } from '/@/renderer/features/shared/mutations/set-rating-mutation'; @@ -78,7 +78,7 @@ export const RightControls = () => { const speed = usePlayerSpeed(); const volumeWidth = useSettingsStore((state) => state.general.volumeWidth); const speedPreservePitch = useSettingsStore((state) => state.playback.preservePitch); - const { mediaToggleMute, setSpeed, setVolume } = usePlayerContext(); + const { mediaToggleMute, setSpeed, setVolume } = usePlayer(); const updateRatingMutation = useSetRating({}); const addToFavoritesMutation = useCreateFavorite({}); const removeFromFavoritesMutation = useDeleteFavorite({}); diff --git a/src/renderer/features/player/context/player-context.tsx b/src/renderer/features/player/context/player-context.tsx index 11f90986c..490163fe1 100644 --- a/src/renderer/features/player/context/player-context.tsx +++ b/src/renderer/features/player/context/player-context.tsx @@ -466,7 +466,7 @@ export const PlayerProvider = ({ children }: { children: React.ReactNode }) => { return {children}; }; -export const usePlayerContext = () => { +export const usePlayer = () => { return useContext(PlayerContext); }; diff --git a/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx b/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx index 5961c058d..b69db021f 100644 --- a/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx +++ b/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx @@ -7,7 +7,7 @@ import { generatePath, Link } from 'react-router'; import styles from './sidebar-playlist-list.module.css'; -import { usePlayerContext } from '/@/renderer/features/player/context/player-context'; +import { usePlayer } from '/@/renderer/features/player/context/player-context'; import { playlistsQueries } from '/@/renderer/features/playlists/api/playlists-api'; import { CreatePlaylistForm } from '/@/renderer/features/playlists/components/create-playlist-form'; import { SidebarItem } from '/@/renderer/features/sidebar/components/sidebar-item'; @@ -218,7 +218,7 @@ const RowControls = ({ }; export const SidebarPlaylistList = () => { - const player = usePlayerContext(); + const player = usePlayer(); const { t } = useTranslation(); const server = useCurrentServer(); @@ -330,7 +330,7 @@ export const SidebarPlaylistList = () => { }; export const SidebarSharedPlaylistList = () => { - const player = usePlayerContext(); + const player = usePlayer(); const { t } = useTranslation(); const server = useCurrentServer();