antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2026-01-01 02:13:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Use song-specific cover and add placeholder (#6)

Browse source
This commit is contained in:
jeffvli 2023-01-01 14:16:57 -08:00
parent cdbd3f8c7b
commit fecaa2e6b8
5 changed files with 19 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/renderer/components/virtual-table/cells/combined-title-cell.tsx
View file

@ -5,6 +5,7 @@ import { motion } from 'framer-motion';
import { RiAlbumFill } from 'react-icons/ri';
import { generatePath } from 'react-router';
import { Link } from 'react-router-dom';
import { SimpleImg } from 'react-simple-img';
import styled from 'styled-components';
import type { AlbumArtist, Artist } from '/@/renderer/api/types';
import { Text } from '/@/renderer/components/text';
@ -40,8 +41,10 @@ const MetadataWrapper = styled.div`
width: 100%;
`;
const StyledImage = styled.img`
object-fit: cover;
const StyledImage = styled(SimpleImg)`
img {
object-fit: cover;
}
`;
export const CombinedTitleCell = ({ value, rowIndex, node }: ICellRendererParams) => {
@ -78,6 +81,7 @@ export const CombinedTitleCell = ({ value, rowIndex, node }: ICellRendererParams
<StyledImage
alt="cover"
height={(node.rowHeight || 40) - 10}
placeholder={value.imagePlaceholderUrl || 'var(--placeholder-bg)'}
src={value.imageUrl}
style={{}}
width={(node.rowHeight || 40) - 10}

1
src/renderer/components/virtual-table/index.tsx
View file

@ -217,6 +217,7 @@ const tableColumns: { [key: string]: ColDef } = {
? {
albumArtists: params.data?.albumArtists,
artists: params.data?.artists,
imagePlaceholderUrl: params.data?.imagePlaceholderUrl,
imageUrl: params.data?.imageUrl,
name: params.data?.name,
rowHeight: params.node?.rowHeight,