|
@ -60,6 +60,7 @@ import { |
|
|
import { setActive } from '../../redux/albumSlice'; |
|
|
import { setActive } from '../../redux/albumSlice'; |
|
|
import { resetPlayer, setStatus } from '../../redux/playerSlice'; |
|
|
import { resetPlayer, setStatus } from '../../redux/playerSlice'; |
|
|
import { GenericItem } from '../../types'; |
|
|
import { GenericItem } from '../../types'; |
|
|
|
|
|
import { CoverArtWrapper } from '../layout/styled'; |
|
|
|
|
|
|
|
|
const StyledTable = styled(Table)<{ rowHeight: number; $isDragging: boolean }>` |
|
|
const StyledTable = styled(Table)<{ rowHeight: number; $isDragging: boolean }>` |
|
|
.rs-table-row.selected { |
|
|
.rs-table-row.selected { |
|
@ -647,34 +648,36 @@ const ListViewTable = ({ |
|
|
width: `${rowHeight}px`, |
|
|
width: `${rowHeight}px`, |
|
|
}} |
|
|
}} |
|
|
> |
|
|
> |
|
|
<LazyLoadImage |
|
|
<CoverArtWrapper size={rowHeight - 10}> |
|
|
src={ |
|
|
<LazyLoadImage |
|
|
isCached( |
|
|
src={ |
|
|
`${misc.imageCachePath}${cacheImages.cacheType}_${ |
|
|
isCached( |
|
|
rowData[cacheImages.cacheIdProperty] |
|
|
`${misc.imageCachePath}${cacheImages.cacheType}_${ |
|
|
}.jpg` |
|
|
|
|
|
) |
|
|
|
|
|
? `${misc.imageCachePath}${cacheImages.cacheType}_${ |
|
|
|
|
|
rowData[cacheImages.cacheIdProperty] |
|
|
rowData[cacheImages.cacheIdProperty] |
|
|
}.jpg` |
|
|
}.jpg` |
|
|
: rowData.image |
|
|
) |
|
|
} |
|
|
? `${misc.imageCachePath}${cacheImages.cacheType}_${ |
|
|
alt="track-img" |
|
|
rowData[cacheImages.cacheIdProperty] |
|
|
effect="opacity" |
|
|
}.jpg` |
|
|
width={rowHeight - 10} |
|
|
: rowData.image |
|
|
height={rowHeight - 10} |
|
|
|
|
|
visibleByDefault={cacheImages.enabled} |
|
|
|
|
|
afterLoad={() => { |
|
|
|
|
|
if (cacheImages.enabled) { |
|
|
|
|
|
cacheImage( |
|
|
|
|
|
`${cacheImages.cacheType}_${ |
|
|
|
|
|
rowData[cacheImages.cacheIdProperty] |
|
|
|
|
|
}.jpg`,
|
|
|
|
|
|
rowData.image.replaceAll(/=150/gi, '=350') |
|
|
|
|
|
); |
|
|
|
|
|
} |
|
|
} |
|
|
}} |
|
|
alt="track-img" |
|
|
/> |
|
|
effect="opacity" |
|
|
|
|
|
width={rowHeight - 10} |
|
|
|
|
|
height={rowHeight - 10} |
|
|
|
|
|
visibleByDefault={cacheImages.enabled} |
|
|
|
|
|
afterLoad={() => { |
|
|
|
|
|
if (cacheImages.enabled) { |
|
|
|
|
|
cacheImage( |
|
|
|
|
|
`${cacheImages.cacheType}_${ |
|
|
|
|
|
rowData[cacheImages.cacheIdProperty] |
|
|
|
|
|
}.jpg`,
|
|
|
|
|
|
rowData.image.replaceAll(/=150/gi, '=350') |
|
|
|
|
|
); |
|
|
|
|
|
} |
|
|
|
|
|
}} |
|
|
|
|
|
/> |
|
|
|
|
|
</CoverArtWrapper> |
|
|
</Col> |
|
|
</Col> |
|
|
<Col |
|
|
<Col |
|
|
style={{ |
|
|
style={{ |
|
@ -826,34 +829,36 @@ const ListViewTable = ({ |
|
|
: 'false' |
|
|
: 'false' |
|
|
} |
|
|
} |
|
|
> |
|
|
> |
|
|
<LazyLoadImage |
|
|
<CoverArtWrapper size={rowHeight - 10}> |
|
|
src={ |
|
|
<LazyLoadImage |
|
|
isCached( |
|
|
src={ |
|
|
`${misc.imageCachePath}${cacheImages.cacheType}_${ |
|
|
isCached( |
|
|
rowData[cacheImages.cacheIdProperty] |
|
|
`${misc.imageCachePath}${cacheImages.cacheType}_${ |
|
|
}.jpg` |
|
|
|
|
|
) |
|
|
|
|
|
? `${misc.imageCachePath}${cacheImages.cacheType}_${ |
|
|
|
|
|
rowData[cacheImages.cacheIdProperty] |
|
|
rowData[cacheImages.cacheIdProperty] |
|
|
}.jpg` |
|
|
}.jpg` |
|
|
: rowData.image |
|
|
) |
|
|
} |
|
|
? `${misc.imageCachePath}${cacheImages.cacheType}_${ |
|
|
alt="track-img" |
|
|
rowData[cacheImages.cacheIdProperty] |
|
|
effect="opacity" |
|
|
}.jpg` |
|
|
width={rowHeight - 10} |
|
|
: rowData.image |
|
|
height={rowHeight - 10} |
|
|
|
|
|
visibleByDefault={cacheImages.enabled} |
|
|
|
|
|
afterLoad={() => { |
|
|
|
|
|
if (cacheImages.enabled) { |
|
|
|
|
|
cacheImage( |
|
|
|
|
|
`${cacheImages.cacheType}_${ |
|
|
|
|
|
rowData[cacheImages.cacheIdProperty] |
|
|
|
|
|
}.jpg`,
|
|
|
|
|
|
rowData.image.replaceAll(/=150/gi, '=350') |
|
|
|
|
|
); |
|
|
|
|
|
} |
|
|
} |
|
|
}} |
|
|
alt="track-img" |
|
|
/> |
|
|
effect="opacity" |
|
|
|
|
|
width={rowHeight - 10} |
|
|
|
|
|
height={rowHeight - 10} |
|
|
|
|
|
visibleByDefault={cacheImages.enabled} |
|
|
|
|
|
afterLoad={() => { |
|
|
|
|
|
if (cacheImages.enabled) { |
|
|
|
|
|
cacheImage( |
|
|
|
|
|
`${cacheImages.cacheType}_${ |
|
|
|
|
|
rowData[cacheImages.cacheIdProperty] |
|
|
|
|
|
}.jpg`,
|
|
|
|
|
|
rowData.image.replaceAll(/=150/gi, '=350') |
|
|
|
|
|
); |
|
|
|
|
|
} |
|
|
|
|
|
}} |
|
|
|
|
|
/> |
|
|
|
|
|
</CoverArtWrapper> |
|
|
</TableCellWrapper> |
|
|
</TableCellWrapper> |
|
|
); |
|
|
); |
|
|
}} |
|
|
}} |
|
|