diff --git a/src/renderer/api/types.ts b/src/renderer/api/types.ts index 476f6201..6958fecc 100644 --- a/src/renderer/api/types.ts +++ b/src/renderer/api/types.ts @@ -45,6 +45,14 @@ import { SSGenreList, } from '/@/renderer/api/subsonic.types'; +export enum LibraryItem { + ALBUM = 'album', + ALBUM_ARTIST = 'albumArtist', + ARTIST = 'artist', + PLAYLIST = 'playlist', + SONG = 'song', +} + export enum SortOrder { ASC = 'ASC', DESC = 'DESC', diff --git a/src/renderer/components/card/album-card.tsx b/src/renderer/components/card/album-card.tsx index fd8d2059..b0a82ce6 100644 --- a/src/renderer/components/card/album-card.tsx +++ b/src/renderer/components/card/album-card.tsx @@ -6,10 +6,10 @@ import { Link } from 'react-router-dom'; import { SimpleImg } from 'react-simple-img'; import styled from 'styled-components'; import { Text } from '/@/renderer/components/text'; -import type { LibraryItem, CardRow, CardRoute, Play, PlayQueueAddOptions } from '/@/renderer/types'; +import type { CardRow, CardRoute, Play, PlayQueueAddOptions } from '/@/renderer/types'; import { Skeleton } from '/@/renderer/components/skeleton'; import { CardControls } from '/@/renderer/components/card/card-controls'; -import { Album } from '/@/renderer/api/types'; +import { Album, LibraryItem } from '/@/renderer/api/types'; const CardWrapper = styled.div<{ link?: boolean; diff --git a/src/renderer/components/card/card-controls.tsx b/src/renderer/components/card/card-controls.tsx index 7b22c099..de28cb96 100644 --- a/src/renderer/components/card/card-controls.tsx +++ b/src/renderer/components/card/card-controls.tsx @@ -6,9 +6,10 @@ import { RiPlayFill, RiMore2Fill, RiHeartFill, RiHeartLine } from 'react-icons/r import styled from 'styled-components'; import { _Button } from '/@/renderer/components/button'; import { DropdownMenu } from '/@/renderer/components/dropdown-menu'; -import type { LibraryItem, PlayQueueAddOptions } from '/@/renderer/types'; +import type { PlayQueueAddOptions } from '/@/renderer/types'; import { Play } from '/@/renderer/types'; import { useSettingsStore } from '/@/renderer/store/settings.store'; +import { LibraryItem } from '/@/renderer/api/types'; type PlayButtonType = UnstyledButtonProps & React.ComponentPropsWithoutRef<'button'>; diff --git a/src/renderer/components/grid-carousel/index.tsx b/src/renderer/components/grid-carousel/index.tsx index c38ca770..fa774c5d 100644 --- a/src/renderer/components/grid-carousel/index.tsx +++ b/src/renderer/components/grid-carousel/index.tsx @@ -6,10 +6,11 @@ import { RiArrowLeftSLine, RiArrowRightSLine } from 'react-icons/ri'; import { Button } from '/@/renderer/components/button'; import { AppRoute } from '/@/renderer/router/routes'; import type { CardRow } from '/@/renderer/types'; -import { LibraryItem, Play } from '/@/renderer/types'; +import { Play } from '/@/renderer/types'; import styled from 'styled-components'; import { AlbumCard } from '/@/renderer/components/card'; import { usePlayQueueAdd } from '/@/renderer/features/player/hooks/use-playqueue-add'; +import { LibraryItem } from '/@/renderer/api/types'; interface GridCarouselProps { cardRows: CardRow[]; diff --git a/src/renderer/components/virtual-grid/grid-card/default-card.tsx b/src/renderer/components/virtual-grid/grid-card/default-card.tsx index ca30b0bd..a91da7b3 100644 --- a/src/renderer/components/virtual-grid/grid-card/default-card.tsx +++ b/src/renderer/components/virtual-grid/grid-card/default-card.tsx @@ -4,10 +4,10 @@ import { generatePath, useNavigate } from 'react-router'; import { SimpleImg } from 'react-simple-img'; import type { ListChildComponentProps } from 'react-window'; import styled from 'styled-components'; -import type { LibraryItem, CardRow, CardRoute, Play, PlayQueueAddOptions } from '/@/renderer/types'; +import type { CardRow, CardRoute, Play, PlayQueueAddOptions } from '/@/renderer/types'; import { Skeleton } from '/@/renderer/components/skeleton'; import { GridCardControls } from '/@/renderer/components/virtual-grid/grid-card/grid-card-controls'; -import { Album, AlbumArtist, Artist } from '/@/renderer/api/types'; +import { Album, AlbumArtist, Artist, LibraryItem } from '/@/renderer/api/types'; import { CardRows } from '/@/renderer/components/card'; const CardWrapper = styled.div<{ diff --git a/src/renderer/components/virtual-grid/grid-card/grid-card-controls.tsx b/src/renderer/components/virtual-grid/grid-card/grid-card-controls.tsx index e5979c61..fc6f57ad 100644 --- a/src/renderer/components/virtual-grid/grid-card/grid-card-controls.tsx +++ b/src/renderer/components/virtual-grid/grid-card/grid-card-controls.tsx @@ -6,9 +6,10 @@ import { RiPlayFill, RiMore2Fill, RiHeartFill, RiHeartLine } from 'react-icons/r import styled from 'styled-components'; import { _Button } from '/@/renderer/components/button'; import { DropdownMenu } from '/@/renderer/components/dropdown-menu'; -import type { LibraryItem, PlayQueueAddOptions } from '/@/renderer/types'; +import type { PlayQueueAddOptions } from '/@/renderer/types'; import { Play } from '/@/renderer/types'; import { useSettingsStore } from '/@/renderer/store/settings.store'; +import { LibraryItem } from '/@/renderer/api/types'; type PlayButtonType = UnstyledButtonProps & React.ComponentPropsWithoutRef<'button'>; diff --git a/src/renderer/components/virtual-grid/grid-card/poster-card.tsx b/src/renderer/components/virtual-grid/grid-card/poster-card.tsx index b284de29..b757d4ee 100644 --- a/src/renderer/components/virtual-grid/grid-card/poster-card.tsx +++ b/src/renderer/components/virtual-grid/grid-card/poster-card.tsx @@ -6,9 +6,9 @@ import { SimpleImg } from 'react-simple-img'; import type { ListChildComponentProps } from 'react-window'; import styled from 'styled-components'; import { Skeleton } from '/@/renderer/components/skeleton'; -import type { LibraryItem, CardRow, CardRoute, Play, PlayQueueAddOptions } from '/@/renderer/types'; +import type { CardRow, CardRoute, Play, PlayQueueAddOptions } from '/@/renderer/types'; import { GridCardControls } from '/@/renderer/components/virtual-grid/grid-card/grid-card-controls'; -import { Album, Artist, AlbumArtist } from '/@/renderer/api/types'; +import { Album, Artist, AlbumArtist, LibraryItem } from '/@/renderer/api/types'; import { CardRows } from '/@/renderer/components/card'; const CardWrapper = styled.div<{ diff --git a/src/renderer/components/virtual-grid/virtual-grid-wrapper.tsx b/src/renderer/components/virtual-grid/virtual-grid-wrapper.tsx index 0a633c39..350cb6eb 100644 --- a/src/renderer/components/virtual-grid/virtual-grid-wrapper.tsx +++ b/src/renderer/components/virtual-grid/virtual-grid-wrapper.tsx @@ -5,14 +5,8 @@ import type { FixedSizeListProps } from 'react-window'; import { FixedSizeList } from 'react-window'; import styled from 'styled-components'; import { GridCard } from '/@/renderer/components/virtual-grid/grid-card'; -import type { - CardRow, - LibraryItem, - ListDisplayType, - CardRoute, - PlayQueueAddOptions, -} from '/@/renderer/types'; -import { Album, AlbumArtist, Artist } from '/@/renderer/api/types'; +import type { CardRow, ListDisplayType, CardRoute, PlayQueueAddOptions } from '/@/renderer/types'; +import { Album, AlbumArtist, Artist, LibraryItem } from '/@/renderer/api/types'; const createItemData = memoize( ( diff --git a/src/renderer/components/virtual-grid/virtual-infinite-grid.tsx b/src/renderer/components/virtual-grid/virtual-infinite-grid.tsx index da580555..0eff2cb2 100644 --- a/src/renderer/components/virtual-grid/virtual-infinite-grid.tsx +++ b/src/renderer/components/virtual-grid/virtual-infinite-grid.tsx @@ -3,8 +3,9 @@ import debounce from 'lodash/debounce'; import type { FixedSizeListProps } from 'react-window'; import InfiniteLoader from 'react-window-infinite-loader'; import { VirtualGridWrapper } from '/@/renderer/components/virtual-grid/virtual-grid-wrapper'; -import type { CardRoute, CardRow, LibraryItem, PlayQueueAddOptions } from '/@/renderer/types'; +import type { CardRoute, CardRow, PlayQueueAddOptions } from '/@/renderer/types'; import { ListDisplayType } from '/@/renderer/types'; +import { LibraryItem } from '/@/renderer/api/types'; export type VirtualInfiniteGridRef = { resetLoadMoreItemsCache: () => void; diff --git a/src/renderer/features/albums/components/album-detail-content.tsx b/src/renderer/features/albums/components/album-detail-content.tsx index 01912c04..59db77ba 100644 --- a/src/renderer/features/albums/components/album-detail-content.tsx +++ b/src/renderer/features/albums/components/album-detail-content.tsx @@ -21,11 +21,11 @@ import { AppRoute } from '/@/renderer/router/routes'; import { useContainerQuery } from '/@/renderer/hooks'; import { usePlayButtonBehavior } from '/@/renderer/store/settings.store'; import { openContextMenu } from '/@/renderer/features/context-menu'; -import { LibraryItem, Play } from '/@/renderer/types'; +import { Play } from '/@/renderer/types'; import { SONG_CONTEXT_MENU_ITEMS } from '/@/renderer/features/context-menu/context-menu-items'; import { PlayButton, PLAY_TYPES } from '/@/renderer/features/shared'; import { useAlbumList } from '/@/renderer/features/albums/queries/album-list-query'; -import { AlbumListSort, SortOrder } from '/@/renderer/api/types'; +import { AlbumListSort, LibraryItem, SortOrder } from '/@/renderer/api/types'; import { usePlayQueueAdd } from '/@/renderer/features/player'; const ContentContainer = styled.div` diff --git a/src/renderer/features/albums/components/album-detail-header.tsx b/src/renderer/features/albums/components/album-detail-header.tsx index 61f1ffae..d4ceb4aa 100644 --- a/src/renderer/features/albums/components/album-detail-header.tsx +++ b/src/renderer/features/albums/components/album-detail-header.tsx @@ -2,12 +2,12 @@ import { Group, Stack } from '@mantine/core'; import { forwardRef, Fragment, Ref } from 'react'; import { generatePath, useParams } from 'react-router'; import { Link } from 'react-router-dom'; +import { LibraryItem } from '/@/renderer/api/types'; import { Text } from '/@/renderer/components'; import { useAlbumDetail } from '/@/renderer/features/albums/queries/album-detail-query'; import { LibraryHeader } from '/@/renderer/features/shared'; import { useContainerQuery } from '/@/renderer/hooks'; import { AppRoute } from '/@/renderer/router/routes'; -import { LibraryItem } from '/@/renderer/types'; import { formatDurationString } from '/@/renderer/utils'; interface AlbumDetailHeaderProps { diff --git a/src/renderer/features/albums/components/album-list-content.tsx b/src/renderer/features/albums/components/album-list-content.tsx index 55b6b3d8..54878b5f 100644 --- a/src/renderer/features/albums/components/album-list-content.tsx +++ b/src/renderer/features/albums/components/album-list-content.tsx @@ -8,14 +8,14 @@ import { VirtualTable, } from '/@/renderer/components'; import { AppRoute } from '/@/renderer/router/routes'; -import { ListDisplayType, CardRow, LibraryItem } from '/@/renderer/types'; +import { ListDisplayType, CardRow } from '/@/renderer/types'; import AutoSizer from 'react-virtualized-auto-sizer'; import { MutableRefObject, useCallback, useMemo } from 'react'; import { ListOnScrollProps } from 'react-window'; import { api } from '/@/renderer/api'; import { controller } from '/@/renderer/api/controller'; import { queryKeys } from '/@/renderer/api/query-keys'; -import { Album, AlbumListSort } from '/@/renderer/api/types'; +import { Album, AlbumListSort, LibraryItem } from '/@/renderer/api/types'; import { useAlbumList } from '/@/renderer/features/albums/queries/album-list-query'; import { useQueryClient } from '@tanstack/react-query'; import { diff --git a/src/renderer/features/albums/routes/album-detail-route.tsx b/src/renderer/features/albums/routes/album-detail-route.tsx index 632a7fa2..5edb1b82 100644 --- a/src/renderer/features/albums/routes/album-detail-route.tsx +++ b/src/renderer/features/albums/routes/album-detail-route.tsx @@ -9,7 +9,7 @@ import { AlbumDetailContent } from '/@/renderer/features/albums/components/album import { AlbumDetailHeader } from '/@/renderer/features/albums/components/album-detail-header'; import { usePlayQueueAdd } from '/@/renderer/features/player'; import { usePlayButtonBehavior } from '/@/renderer/store/settings.store'; -import { LibraryItem } from '/@/renderer/types'; +import { LibraryItem } from '/@/renderer/api/types'; const AlbumDetailRoute = () => { const tableRef = useRef(null); diff --git a/src/renderer/features/artists/components/album-artist-list-content.tsx b/src/renderer/features/artists/components/album-artist-list-content.tsx index dc04571d..3914f48f 100644 --- a/src/renderer/features/artists/components/album-artist-list-content.tsx +++ b/src/renderer/features/artists/components/album-artist-list-content.tsx @@ -8,13 +8,13 @@ import { VirtualTable, } from '/@/renderer/components'; import { AppRoute } from '/@/renderer/router/routes'; -import { ListDisplayType, CardRow, LibraryItem } from '/@/renderer/types'; +import { ListDisplayType, CardRow } from '/@/renderer/types'; import AutoSizer from 'react-virtualized-auto-sizer'; import { MutableRefObject, useCallback, useMemo } from 'react'; import { ListOnScrollProps } from 'react-window'; import { api } from '/@/renderer/api'; import { queryKeys } from '/@/renderer/api/query-keys'; -import { AlbumArtist, AlbumArtistListSort } from '/@/renderer/api/types'; +import { AlbumArtist, AlbumArtistListSort, LibraryItem } from '/@/renderer/api/types'; import { useQueryClient } from '@tanstack/react-query'; import { useCurrentServer, diff --git a/src/renderer/features/context-menu/context-menu-provider.tsx b/src/renderer/features/context-menu/context-menu-provider.tsx index abe03482..86d85b43 100644 --- a/src/renderer/features/context-menu/context-menu-provider.tsx +++ b/src/renderer/features/context-menu/context-menu-provider.tsx @@ -2,6 +2,7 @@ import { Divider, Group, Stack } from '@mantine/core'; import { useClickOutside, useResizeObserver, useSetState, useViewportSize } from '@mantine/hooks'; import { closeAllModals, openModal } from '@mantine/modals'; import { createContext, Fragment, useState } from 'react'; +import { LibraryItem } from '/@/renderer/api/types'; import { ConfirmModal, ContextMenu, ContextMenuButton, Text, toast } from '/@/renderer/components'; import { OpenContextMenuProps, @@ -10,7 +11,7 @@ import { } from '/@/renderer/features/context-menu/events'; import { usePlayQueueAdd } from '/@/renderer/features/player'; import { useDeletePlaylist } from '/@/renderer/features/playlists'; -import { LibraryItem, Play } from '/@/renderer/types'; +import { Play } from '/@/renderer/types'; type ContextMenuContextProps = { closeContextMenu: () => void; diff --git a/src/renderer/features/context-menu/events.ts b/src/renderer/features/context-menu/events.ts index 6f08562a..eb0fa076 100644 --- a/src/renderer/features/context-menu/events.ts +++ b/src/renderer/features/context-menu/events.ts @@ -1,5 +1,5 @@ import { createUseExternalEvents } from '@mantine/utils'; -import { LibraryItem } from '/@/renderer/types'; +import { LibraryItem } from '/@/renderer/api/types'; export type OpenContextMenuProps = { data: any[]; diff --git a/src/renderer/features/player/hooks/use-handle-playqueue-add.ts b/src/renderer/features/player/hooks/use-handle-playqueue-add.ts index 07ba0d1f..91905901 100644 --- a/src/renderer/features/player/hooks/use-handle-playqueue-add.ts +++ b/src/renderer/features/player/hooks/use-handle-playqueue-add.ts @@ -13,11 +13,11 @@ import { usePlayerStore, } from '/@/renderer/store'; import { usePlayerType } from '/@/renderer/store/settings.store'; -import { PlayQueueAddOptions, LibraryItem, Play, PlaybackType } from '/@/renderer/types'; +import { PlayQueueAddOptions, Play, PlaybackType } from '/@/renderer/types'; import { toast } from '/@/renderer/components/toast'; import isElectron from 'is-electron'; import { nanoid } from 'nanoid/non-secure'; -import { SongListSort, SortOrder } from '/@/renderer/api/types'; +import { LibraryItem, SongListSort, SortOrder } from '/@/renderer/api/types'; const mpvPlayer = isElectron() ? window.electron.mpvPlayer : null; diff --git a/src/renderer/features/playlists/components/playlist-detail-content.tsx b/src/renderer/features/playlists/components/playlist-detail-content.tsx index ac52d800..9315473f 100644 --- a/src/renderer/features/playlists/components/playlist-detail-content.tsx +++ b/src/renderer/features/playlists/components/playlist-detail-content.tsx @@ -6,13 +6,13 @@ import { MutableRefObject, useMemo } from 'react'; import { generatePath, useParams } from 'react-router'; import { Link } from 'react-router-dom'; import styled from 'styled-components'; +import { LibraryItem } from '/@/renderer/api/types'; import { Button, getColumnDefs, Text, VirtualTable } from '/@/renderer/components'; import { openContextMenu } from '/@/renderer/features/context-menu'; import { SONG_CONTEXT_MENU_ITEMS } from '/@/renderer/features/context-menu/context-menu-items'; import { usePlaylistSongListInfinite } from '/@/renderer/features/playlists/queries/playlist-song-list-query'; import { AppRoute } from '/@/renderer/router/routes'; import { useSongListStore } from '/@/renderer/store'; -import { LibraryItem } from '/@/renderer/types'; const ContentContainer = styled.div` display: flex; diff --git a/src/renderer/features/playlists/components/playlist-detail-header.tsx b/src/renderer/features/playlists/components/playlist-detail-header.tsx index 50c4bc26..765fef3e 100644 --- a/src/renderer/features/playlists/components/playlist-detail-header.tsx +++ b/src/renderer/features/playlists/components/playlist-detail-header.tsx @@ -13,9 +13,9 @@ import { usePlaylistDetail } from '/@/renderer/features/playlists/queries/playli import { LibraryHeader, PlayButton, PLAY_TYPES } from '/@/renderer/features/shared'; import { AppRoute } from '/@/renderer/router/routes'; import { usePlayButtonBehavior } from '/@/renderer/store/settings.store'; -import { LibraryItem, Play } from '/@/renderer/types'; +import { Play } from '/@/renderer/types'; import { formatDurationString } from '/@/renderer/utils'; -import { UserListSort, SortOrder, UserListQuery } from '/@/renderer/api/types'; +import { UserListSort, SortOrder, UserListQuery, LibraryItem } from '/@/renderer/api/types'; import { useCurrentServer } from '/@/renderer/store'; import { api } from '/@/renderer/api'; import { queryKeys } from '/@/renderer/api/query-keys'; diff --git a/src/renderer/features/playlists/components/playlist-detail-song-list-content.tsx b/src/renderer/features/playlists/components/playlist-detail-song-list-content.tsx index 4b61318d..1855190f 100644 --- a/src/renderer/features/playlists/components/playlist-detail-song-list-content.tsx +++ b/src/renderer/features/playlists/components/playlist-detail-song-list-content.tsx @@ -17,7 +17,7 @@ import { useSetPlaylistDetailTable, useSetPlaylistDetailTablePagination, } from '/@/renderer/store'; -import { LibraryItem, ListDisplayType } from '/@/renderer/types'; +import { ListDisplayType } from '/@/renderer/types'; import { useQueryClient } from '@tanstack/react-query'; import { AnimatePresence } from 'framer-motion'; import debounce from 'lodash/debounce'; @@ -25,7 +25,13 @@ import { openContextMenu } from '/@/renderer/features/context-menu'; import { SONG_CONTEXT_MENU_ITEMS } from '/@/renderer/features/context-menu/context-menu-items'; import sortBy from 'lodash/sortBy'; import { usePlayButtonBehavior } from '/@/renderer/store/settings.store'; -import { PlaylistSongListQuery, QueueSong, SongListSort, SortOrder } from '/@/renderer/api/types'; +import { + LibraryItem, + PlaylistSongListQuery, + QueueSong, + SongListSort, + SortOrder, +} from '/@/renderer/api/types'; import { usePlaylistSongList } from '/@/renderer/features/playlists/queries/playlist-song-list-query'; import { useParams } from 'react-router'; import { usePlayQueueAdd } from '/@/renderer/features/player'; diff --git a/src/renderer/features/playlists/components/playlist-detail-song-list-header.tsx b/src/renderer/features/playlists/components/playlist-detail-song-list-header.tsx index 83ab185b..ed39ded0 100644 --- a/src/renderer/features/playlists/components/playlist-detail-song-list-header.tsx +++ b/src/renderer/features/playlists/components/playlist-detail-song-list-header.tsx @@ -8,7 +8,13 @@ import { useParams } from 'react-router'; import styled from 'styled-components'; import { api } from '/@/renderer/api'; import { queryKeys } from '/@/renderer/api/query-keys'; -import { PlaylistSongListQuery, ServerType, SongListSort, SortOrder } from '/@/renderer/api/types'; +import { + LibraryItem, + PlaylistSongListQuery, + ServerType, + SongListSort, + SortOrder, +} from '/@/renderer/api/types'; import { Button, DropdownMenu, @@ -32,7 +38,7 @@ import { useSetPlaylistDetailFilters, useSetPlaylistStore, } from '/@/renderer/store'; -import { LibraryItem, ListDisplayType, Play, TableColumn } from '/@/renderer/types'; +import { ListDisplayType, Play, TableColumn } from '/@/renderer/types'; const FILTERS = { jellyfin: [ diff --git a/src/renderer/features/playlists/components/playlist-list-content.tsx b/src/renderer/features/playlists/components/playlist-list-content.tsx index 58c6f730..10d9a269 100644 --- a/src/renderer/features/playlists/components/playlist-list-content.tsx +++ b/src/renderer/features/playlists/components/playlist-list-content.tsx @@ -26,7 +26,7 @@ import { useSetPlaylistTable, useSetPlaylistTablePagination, } from '/@/renderer/store'; -import { LibraryItem, ListDisplayType } from '/@/renderer/types'; +import { ListDisplayType } from '/@/renderer/types'; import { AnimatePresence } from 'framer-motion'; import debounce from 'lodash/debounce'; import { openContextMenu } from '/@/renderer/features/context-menu'; @@ -35,6 +35,7 @@ import sortBy from 'lodash/sortBy'; import { usePlaylistList } from '/@/renderer/features/playlists/queries/playlist-list-query'; import { generatePath, useNavigate } from 'react-router'; import { AppRoute } from '/@/renderer/router/routes'; +import { LibraryItem } from '/@/renderer/api/types'; interface PlaylistListContentProps { tableRef: MutableRefObject; diff --git a/src/renderer/features/playlists/routes/playlist-detail-route.tsx b/src/renderer/features/playlists/routes/playlist-detail-route.tsx index 3d8e2d66..a6233f73 100644 --- a/src/renderer/features/playlists/routes/playlist-detail-route.tsx +++ b/src/renderer/features/playlists/routes/playlist-detail-route.tsx @@ -1,6 +1,7 @@ import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact'; import { useRef } from 'react'; import { useParams } from 'react-router'; +import { LibraryItem } from '/@/renderer/api/types'; import { NativeScrollArea } from '/@/renderer/components'; import { usePlayQueueAdd } from '/@/renderer/features/player'; import { PlaylistDetailContent } from '/@/renderer/features/playlists/components/playlist-detail-content'; @@ -9,7 +10,6 @@ import { usePlaylistDetail } from '/@/renderer/features/playlists/queries/playli import { AnimatedPage, LibraryHeaderBar } from '/@/renderer/features/shared'; import { useFastAverageColor } from '/@/renderer/hooks'; import { usePlayButtonBehavior } from '/@/renderer/store/settings.store'; -import { LibraryItem } from '/@/renderer/types'; const PlaylistDetailRoute = () => { const tableRef = useRef(null); diff --git a/src/renderer/features/shared/components/library-header.tsx b/src/renderer/features/shared/components/library-header.tsx index 13fb6d09..5f9f4828 100644 --- a/src/renderer/features/shared/components/library-header.tsx +++ b/src/renderer/features/shared/components/library-header.tsx @@ -5,9 +5,9 @@ import { RiAlbumFill } from 'react-icons/ri'; import { Link } from 'react-router-dom'; import { SimpleImg } from 'react-simple-img'; import styled from 'styled-components'; +import { LibraryItem } from '/@/renderer/api/types'; import { Text, TextTitle } from '/@/renderer/components'; import { useContainerQuery } from '/@/renderer/hooks'; -import { LibraryItem } from '/@/renderer/types'; const HeaderContainer = styled.div<{ imageSize: number }>` position: relative; diff --git a/src/renderer/features/sidebar/components/sidebar.tsx b/src/renderer/features/sidebar/components/sidebar.tsx index 9644cf6e..fe95a34d 100644 --- a/src/renderer/features/sidebar/components/sidebar.tsx +++ b/src/renderer/features/sidebar/components/sidebar.tsx @@ -37,9 +37,8 @@ import { AppRoute } from '/@/renderer/router/routes'; import { useSidebarStore, useAppStoreActions, useCurrentSong } from '/@/renderer/store'; import { fadeIn } from '/@/renderer/styles'; import { CreatePlaylistForm, usePlaylistList } from '/@/renderer/features/playlists'; -import { PlaylistListSort, SortOrder } from '/@/renderer/api/types'; +import { LibraryItem, PlaylistListSort, SortOrder } from '/@/renderer/api/types'; import { usePlayQueueAdd } from '/@/renderer/features/player'; -import { LibraryItem } from '/@/renderer/types'; import { usePlayButtonBehavior } from '/@/renderer/store/settings.store'; const SidebarContainer = styled.div` diff --git a/src/renderer/features/songs/components/song-list-content.tsx b/src/renderer/features/songs/components/song-list-content.tsx index f326895e..4d33cd62 100644 --- a/src/renderer/features/songs/components/song-list-content.tsx +++ b/src/renderer/features/songs/components/song-list-content.tsx @@ -27,14 +27,14 @@ import { useSongListStore, useSongTablePagination, } from '/@/renderer/store'; -import { LibraryItem, ListDisplayType } from '/@/renderer/types'; +import { ListDisplayType } from '/@/renderer/types'; import { AnimatePresence } from 'framer-motion'; import debounce from 'lodash/debounce'; import { openContextMenu } from '/@/renderer/features/context-menu'; import { SONG_CONTEXT_MENU_ITEMS } from '/@/renderer/features/context-menu/context-menu-items'; import sortBy from 'lodash/sortBy'; import { usePlayButtonBehavior } from '/@/renderer/store/settings.store'; -import { QueueSong } from '/@/renderer/api/types'; +import { LibraryItem, QueueSong } from '/@/renderer/api/types'; import { usePlayQueueAdd } from '/@/renderer/features/player'; interface SongListContentProps { diff --git a/src/renderer/types.ts b/src/renderer/types.ts index 8d677860..30a42f73 100644 --- a/src/renderer/types.ts +++ b/src/renderer/types.ts @@ -1,4 +1,4 @@ -import { Album, AlbumArtist, Artist, QueueSong } from '/@/renderer/api/types'; +import { Album, AlbumArtist, Artist, LibraryItem, QueueSong } from '/@/renderer/api/types'; import { AppRoute } from '/@/renderer/router/routes'; export type TablePagination = { @@ -33,14 +33,6 @@ export enum ListDisplayType { TABLE_PAGINATED = 'paginatedTable', } -export enum LibraryItem { - ALBUM = 'album', - ALBUM_ARTIST = 'albumArtist', - ARTIST = 'artist', - PLAYLIST = 'playlist', - SONG = 'song', -} - export enum Platform { LINUX = 'linux', MACOS = 'macos', @@ -138,20 +130,21 @@ export enum TableColumn { DATE_ADDED = 'dateAdded', DISC_NUMBER = 'discNumber', DURATION = 'duration', - FAVORITE = 'favorite', GENRE = 'genre', LAST_PLAYED = 'lastPlayedAt', OWNER = 'username', PATH = 'path', PLAY_COUNT = 'playCount', - RATING = 'rating', RELEASE_DATE = 'releaseDate', ROW_INDEX = 'rowIndex', + SIZE = 'size', + SKIP = 'skip', SONG_COUNT = 'songCount', - // SKIP = 'skip', TITLE = 'title', TITLE_COMBINED = 'titleCombined', TRACK_NUMBER = 'trackNumber', + USER_FAVORITE = 'userFavorite', + USER_RATING = 'userRating', YEAR = 'releaseYear', }