LBRYCommunity/spee.ch
1
0
Fork 0
Code Issues 95 Pull requests 2 Projects Releases 4 Packages Wiki Activity

Staging #1066

Merged
jessopb merged 55 commits from staging into release 2020-05-16 17:08:51 +02:00
Conversation 0 Commits 55 Files changed 7 +35 -39
1 changed files with 35 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 3dc370f8f5 - Show all commits

74
client/src/components/AssetPreview/index.jsx
View file

@ -3,46 +3,42 @@ import { Link } from 'react-router-dom';
import createCanonicalLink from '../../../../utils/createCanonicalLink';
const AssetPreview = ({ defaultThumbnail, claimData }) => {
const { name, fileExt, contentType, thumbnail, title } = claimData;
const showUrl = createCanonicalLink({ asset: { ...claimData }});
const {name, fileExt, contentType, thumbnail, title} = claimData;
const showUrl = createCanonicalLink({asset: {...claimData}});
const embedUrl = `${showUrl}.${fileExt}`;
return (
<Link to={showUrl} className='asset-preview'>
{(() => {
switch (contentType) {
case 'image/jpeg':
case 'image/jpg':
case 'image/png':
case 'image/gif':
return (
<div>
<img
className={'asset-preview-image'}
src={embedUrl}
alt={name}
/>
<h3 className='list-title'>{title}</h3>
</div>
);
case 'video/mp4':
return (
<div>
<img
className={'asset-preview-video'}
src={thumbnail || defaultThumbnail}
alt={name}
/>
<h3 className='list-title'>{title}</h3>
</div>
);
default:
return (
<p>unsupported file type</p>
);
}
})()}
</Link>
);
switch (contentType) {
case 'image/jpeg':
case 'image/jpg':
case 'image/png':
case 'image/gif':
return (
<Link to={showUrl} className='asset-preview'>
<div>
<img
className={'asset-preview-image'}
src={embedUrl}
alt={name}
/>
<h3 className='list-title'>{title}</h3>
</div>
</Link>
);
case 'video/mp4':
return (
<Link to={showUrl} className='asset-preview'>
<div>
<img
className={'asset-preview-video'}
src={thumbnail || defaultThumbnail}
alt={name}
/>
<h3 className='list-title'>{title}</h3>
</div>
</Link>
);
default:
return null;
}
};
export default AssetPreview;