Remove paginated table display type

This commit is contained in:
jeffvli 2023-07-22 04:42:46 -07:00
parent 46374ef2b5
commit 8a367b00a3
5 changed files with 30 additions and 15 deletions

View file

@ -410,7 +410,10 @@ export const AlbumListHeaderFilters = ({ gridRef, tableRef }: AlbumListHeaderFil
noWrap noWrap
spacing="sm" spacing="sm"
> >
<DropdownMenu position="bottom-end"> <DropdownMenu
position="bottom-end"
width={425}
>
<DropdownMenu.Target> <DropdownMenu.Target>
<Button <Button
compact compact
@ -444,13 +447,13 @@ export const AlbumListHeaderFilters = ({ gridRef, tableRef }: AlbumListHeaderFil
> >
Table Table
</DropdownMenu.Item> </DropdownMenu.Item>
<DropdownMenu.Item {/* <DropdownMenu.Item
$isActive={display === ListDisplayType.TABLE_PAGINATED} $isActive={display === ListDisplayType.TABLE_PAGINATED}
value={ListDisplayType.TABLE_PAGINATED} value={ListDisplayType.TABLE_PAGINATED}
onClick={handleSetViewType} onClick={handleSetViewType}
> >
Table (paginated) Table (paginated)
</DropdownMenu.Item> </DropdownMenu.Item> */}
<DropdownMenu.Divider /> <DropdownMenu.Divider />
<DropdownMenu.Label> <DropdownMenu.Label>
{isGrid ? 'Items per row' : 'Item size'} {isGrid ? 'Items per row' : 'Item size'}

View file

@ -373,7 +373,10 @@ export const AlbumArtistListHeaderFilters = ({
</DropdownMenu> </DropdownMenu>
</Group> </Group>
<Group> <Group>
<DropdownMenu position="bottom-end"> <DropdownMenu
position="bottom-end"
width={425}
>
<DropdownMenu.Target> <DropdownMenu.Target>
<Button <Button
compact compact
@ -406,13 +409,13 @@ export const AlbumArtistListHeaderFilters = ({
> >
Table Table
</DropdownMenu.Item> </DropdownMenu.Item>
<DropdownMenu.Item {/* <DropdownMenu.Item
$isActive={display === ListDisplayType.TABLE_PAGINATED} $isActive={display === ListDisplayType.TABLE_PAGINATED}
value={ListDisplayType.TABLE_PAGINATED} value={ListDisplayType.TABLE_PAGINATED}
onClick={handleSetViewType} onClick={handleSetViewType}
> >
Table (paginated) Table (paginated)
</DropdownMenu.Item> </DropdownMenu.Item> */}
<DropdownMenu.Divider /> <DropdownMenu.Divider />
<DropdownMenu.Label>Item size</DropdownMenu.Label> <DropdownMenu.Label>Item size</DropdownMenu.Label>
<DropdownMenu.Item closeMenuOnClick={false}> <DropdownMenu.Item closeMenuOnClick={false}>

View file

@ -399,7 +399,10 @@ export const PlaylistDetailSongListHeaderFilters = ({
</DropdownMenu> </DropdownMenu>
</Group> </Group>
<Group> <Group>
<DropdownMenu position="bottom-end"> <DropdownMenu
position="bottom-end"
width={425}
>
<DropdownMenu.Target> <DropdownMenu.Target>
<Button <Button
compact compact
@ -418,13 +421,13 @@ export const PlaylistDetailSongListHeaderFilters = ({
> >
Table Table
</DropdownMenu.Item> </DropdownMenu.Item>
<DropdownMenu.Item {/* <DropdownMenu.Item
$isActive={page.display === ListDisplayType.TABLE_PAGINATED} $isActive={page.display === ListDisplayType.TABLE_PAGINATED}
value={ListDisplayType.TABLE_PAGINATED} value={ListDisplayType.TABLE_PAGINATED}
onClick={handleSetViewType} onClick={handleSetViewType}
> >
Table (paginated) Table (paginated)
</DropdownMenu.Item> </DropdownMenu.Item> */}
<DropdownMenu.Divider /> <DropdownMenu.Divider />
<DropdownMenu.Label>Item size</DropdownMenu.Label> <DropdownMenu.Label>Item size</DropdownMenu.Label>
<DropdownMenu.Item closeMenuOnClick={false}> <DropdownMenu.Item closeMenuOnClick={false}>

View file

@ -300,7 +300,10 @@ export const PlaylistListHeaderFilters = ({
</DropdownMenu> </DropdownMenu>
</Group> </Group>
<Group> <Group>
<DropdownMenu position="bottom-end"> <DropdownMenu
position="bottom-end"
width={425}
>
<DropdownMenu.Target> <DropdownMenu.Target>
<Button <Button
compact compact
@ -333,13 +336,13 @@ export const PlaylistListHeaderFilters = ({
> >
Table Table
</DropdownMenu.Item> </DropdownMenu.Item>
<DropdownMenu.Item {/* <DropdownMenu.Item
$isActive={display === ListDisplayType.TABLE_PAGINATED} $isActive={display === ListDisplayType.TABLE_PAGINATED}
value={ListDisplayType.TABLE_PAGINATED} value={ListDisplayType.TABLE_PAGINATED}
onClick={handleSetViewType} onClick={handleSetViewType}
> >
Table (paginated) Table (paginated)
</DropdownMenu.Item> </DropdownMenu.Item> */}
<DropdownMenu.Divider /> <DropdownMenu.Divider />
<DropdownMenu.Label> <DropdownMenu.Label>
{isGrid ? 'Items per row' : 'Item size'} {isGrid ? 'Items per row' : 'Item size'}

View file

@ -392,7 +392,10 @@ export const SongListHeaderFilters = ({ tableRef }: SongListHeaderFiltersProps)
noWrap noWrap
spacing="sm" spacing="sm"
> >
<DropdownMenu position="bottom-end"> <DropdownMenu
position="bottom-end"
width={425}
>
<DropdownMenu.Target> <DropdownMenu.Target>
<Button <Button
compact compact
@ -411,13 +414,13 @@ export const SongListHeaderFilters = ({ tableRef }: SongListHeaderFiltersProps)
> >
Table Table
</DropdownMenu.Item> </DropdownMenu.Item>
<DropdownMenu.Item {/* <DropdownMenu.Item
$isActive={display === ListDisplayType.TABLE_PAGINATED} $isActive={display === ListDisplayType.TABLE_PAGINATED}
value={ListDisplayType.TABLE_PAGINATED} value={ListDisplayType.TABLE_PAGINATED}
onClick={handleSetViewType} onClick={handleSetViewType}
> >
Table (paginated) Table (paginated)
</DropdownMenu.Item> </DropdownMenu.Item> */}
<DropdownMenu.Divider /> <DropdownMenu.Divider />
<DropdownMenu.Label>Item Size</DropdownMenu.Label> <DropdownMenu.Label>Item Size</DropdownMenu.Label>
<DropdownMenu.Item closeMenuOnClick={false}> <DropdownMenu.Item closeMenuOnClick={false}>