Add fullscreen player view (#27)

* Add store controls for fullscreen player

* Normalize styles for playback config

* Add fullscreen player component

* Add option component

* Update player controls to use option/popover components

* Add esc hotkey to close player

* Add usePlayerData hook
This commit is contained in:
Jeff
2023-03-28 14:19:23 -07:00
committed by GitHub
parent 6cfdb8ff84
commit e47fcfc62e
18 changed files with 780 additions and 62 deletions
+20
View File
@@ -61,6 +61,7 @@ export interface SettingsState {
};
tab: 'general' | 'playback' | 'view' | string;
tables: {
fullScreen: DataTableProps;
nowPlaying: DataTableProps;
sideDrawerQueue: DataTableProps;
sideQueue: DataTableProps;
@@ -116,6 +117,25 @@ export const useSettingsStore = create<SettingsSlice>()(
tab: 'general',
tables: {
fullScreen: {
autoFit: true,
columns: [
{
column: TableColumn.TITLE_COMBINED,
width: 500,
},
{
column: TableColumn.DURATION,
width: 100,
},
{
column: TableColumn.USER_FAVORITE,
width: 100,
},
],
followCurrentSong: true,
rowHeight: 60,
},
nowPlaying: {
autoFit: true,
columns: [