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

Merge pull request #736 from lbryio/unsupported-filetypes

Browse source 
remove unsupported file types from channel pages
This commit is contained in:
Shawn K 2018-11-13 16:19:06 -06:00 committed by GitHub
parent 101c249b57 aaa8feb577
commit d2699fa537
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 35 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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;