vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-05-08 21:10:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

Change grid size to items per row

Browse Source
This commit is contained in:
jeffvli
2023-03-28 15:37:50 -07:00
parent e47fcfc62e
commit 219a9ed613
8 changed files with 125 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/features/albums/components/album-list-content.tsx
+1 -1
View File
@@ -318,7 +318,7 @@ export const AlbumListContent = ({ itemCount, gridRef, tableRef }: AlbumListCont
itemCount={itemCount || 0}
itemData={itemData}
itemGap={20}
itemSize={150 + (grid?.size || 0)}
itemSize={grid?.itemsPerRow || 5}
itemType={LibraryItem.ALBUM}
loading={itemCount === undefined || itemCount === null}
minimumBatchSize={40}
src/renderer/features/albums/components/album-list-header-filters.tsx
+9 -5
View File
@@ -331,7 +331,7 @@ export const AlbumListHeaderFilters = ({
if (display === ListDisplayType.TABLE || display === ListDisplayType.TABLE_PAGINATED) {
setTable({ data: { rowHeight: e }, key: 'album' });
} else {
setGrid({ data: { size: e }, key: 'album' });
setGrid({ data: { itemsPerRow: e }, key: 'album' });
}
};
@@ -564,17 +564,21 @@ export const AlbumListHeaderFilters = ({
Table (paginated)
</DropdownMenu.Item>
<DropdownMenu.Divider />
<DropdownMenu.Label>Item size</DropdownMenu.Label>
<DropdownMenu.Label>
{display === ListDisplayType.CARD || display === ListDisplayType.POSTER
? 'Items per row'
: 'Item size'}
</DropdownMenu.Label>
<DropdownMenu.Item closeMenuOnClick={false}>
<Slider
defaultValue={
display === ListDisplayType.CARD || display === ListDisplayType.POSTER
? grid?.size || 0
? grid?.itemsPerRow || 0
: table.rowHeight
}
label={null}
max={400}
min={-25}
max={14}
min={2}
onChange={debouncedHandleItemSize}
/>
</DropdownMenu.Item>
src/renderer/features/artists/components/album-artist-list-content.tsx
+1 -1
View File
@@ -276,7 +276,7 @@ export const AlbumArtistListContent = ({ gridRef, tableRef }: AlbumArtistListCon
itemCount={checkAlbumArtistList?.data?.totalRecordCount || 0}
itemData={itemData}
itemGap={20}
itemSize={150 + (grid?.size || 0)}
itemSize={grid?.itemsPerRow || 5}
itemType={LibraryItem.ALBUM_ARTIST}
loading={checkAlbumArtistList.isLoading}
minimumBatchSize={40}
src/renderer/features/artists/components/album-artist-list-header-filters.tsx
+18 -12
View File
@@ -96,7 +96,7 @@ export const AlbumArtistListHeaderFilters = ({
if (display === ListDisplayType.TABLE || display === ListDisplayType.TABLE_PAGINATED) {
setTable({ data: { rowHeight: e }, key: pageKey });
} else {
setGrid({ data: { size: e }, key: pageKey });
setGrid({ data: { itemsPerRow: e }, key: pageKey });
}
};
@@ -432,17 +432,23 @@ export const AlbumArtistListHeaderFilters = ({
<DropdownMenu.Divider />
<DropdownMenu.Label>Item size</DropdownMenu.Label>
<DropdownMenu.Item closeMenuOnClick={false}>
<Slider
defaultValue={
display === ListDisplayType.CARD || display === ListDisplayType.POSTER
? grid?.size
: table.rowHeight
}
label={null}
max={400}
min={-50}
onChange={debouncedHandleItemSize}
/>
{display === ListDisplayType.CARD || display === ListDisplayType.POSTER ? (
<Slider
defaultValue={grid?.itemsPerRow}
label={null}
max={10}
min={2}
onChange={debouncedHandleItemSize}
/>
) : (
<Slider
defaultValue={table.rowHeight}
label={null}
max={100}
min={30}
onChange={debouncedHandleItemSize}
/>
)}
</DropdownMenu.Item>
{(display === ListDisplayType.TABLE || display === ListDisplayType.TABLE_PAGINATED) && (
<>