beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Add static thumb to collection cards (#1046)

Browse source
This commit is contained in:
Neeraj Gupta 2023-04-14 09:32:51 +05:30 committed by GitHub
parent fc3114d2b8 d7fb80004e
commit 7758aa7503
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/Collections/CollectionCard.tsx
View file

@ -3,6 +3,8 @@ import { GalleryContext } from 'pages/gallery';
import { useState, useContext, useEffect } from 'react';
import downloadManager from 'services/downloadManager';
import { EnteFile } from 'types/file';
import { StaticThumbnail } from 'components/PlaceholderThumbnails';
import { LoadingThumbnail } from 'components/PlaceholderThumbnails';
export default function CollectionCard(props: {
children?: any;
@ -35,7 +37,13 @@ export default function CollectionCard(props: {
return (
<CustomCollectionTile onClick={onClick}>
{coverImageURL && <img src={coverImageURL} />}
{file.metadata.hasStaticThumbnail ? (
<StaticThumbnail fileType={file.metadata.fileType} />
) : coverImageURL ? (
<img src={coverImageURL} />
) : (
<LoadingThumbnail />
)}
{children}
</CustomCollectionTile>
);

1
src/components/pages/gallery/PreviewCard.tsx
View file

@ -179,7 +179,6 @@ export const FileTypeIndicatorOverlay = styled(Overlay)(
);
const Cont = styled('div')<{ disabled: boolean }>`
background: #222;
display: flex;
width: fit-content;
margin-bottom: ${GAP_BTW_TILES}px;