add display type toggle to list headers

This commit is contained in:
jeffvli
2025-12-01 18:36:02 -08:00
parent 51c546fa5d
commit baf40ba50e
8 changed files with 72 additions and 0 deletions
@@ -4,6 +4,7 @@ import { useTranslation } from 'react-i18next';
import { PLAYLIST_TABLE_COLUMNS } from '/@/renderer/components/item-list/item-table-list/default-columns';
import { CreatePlaylistForm } from '/@/renderer/features/playlists/components/create-playlist-form';
import { ListConfigMenu } from '/@/renderer/features/shared/components/list-config-menu';
import { ListDisplayTypeToggleButton } from '/@/renderer/features/shared/components/list-display-type-toggle-button';
import { ListFiltersModal } from '/@/renderer/features/shared/components/list-filters';
import { ListRefreshButton } from '/@/renderer/features/shared/components/list-refresh-button';
import { ListSortByDropdown } from '/@/renderer/features/shared/components/list-sort-by-dropdown';
@@ -46,6 +47,7 @@ export const PlaylistListHeaderFilters = () => {
<Button onClick={handleCreatePlaylistModal} variant="subtle">
{t('action.createPlaylist', { postProcess: 'sentenceCase' })}
</Button>
<ListDisplayTypeToggleButton listKey={ItemListKey.PLAYLIST} />
<ListConfigMenu
listKey={ItemListKey.PLAYLIST}
tableColumnsData={PLAYLIST_TABLE_COLUMNS}