yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-09-23 07:22:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

style

Browse Source
This commit is contained in:
Virginie Ky 2019-09-05 17:01:58 +02:00
parent d2fc652c17
commit f32197d983
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/strapi-plugin-content-manager/admin/src/components/MediaPreviewList/StyledMediaPreviewList.js
View File

@ -67,6 +67,7 @@ const MediaPreviewFile = styled(MediaPreviewItem)`
span { span {
display: block; display: block;
padding: 0 3px; padding: 0 3px;
text-transform: uppercase;
} }
i { i {
position: absolute; position: absolute;

13
packages/strapi-plugin-content-manager/admin/src/components/MediaPreviewList/index.js
View File

@ -17,7 +17,12 @@ function MediaPreviewList({ hoverable, files }) {
const getFileType = fileName => fileName.split('.').slice(-1)[0]; const getFileType = fileName => fileName.split('.').slice(-1)[0];
const renderImage = image => { const renderImage = image => {
const { name, url } = image; const { name, size, url } = image;
// TODO !! - Specific UI for size > 200MB
if (size > 200) {
return renderFile(image);
}
return ( return (
<MediaPreviewImage className={hoverable ? 'hoverable' : ''}> <MediaPreviewImage className={hoverable ? 'hoverable' : ''}>
@ -30,13 +35,13 @@ function MediaPreviewList({ hoverable, files }) {
}; };
const renderFile = file => { const renderFile = file => {
const { ext, name } = file; const { name } = file;
const fileType = getFileType(name); const fileType = getFileType(name);
return ( return (
<MediaPreviewFile className={hoverable ? 'hoverable' : ''}> <MediaPreviewFile className={hoverable ? 'hoverable' : ''}>
<div> <div>
<span>{ext}</span> <span>{fileType}</span>
<i className={`fa fa-file-${fileType}-o`} /> <i className={`fa fa-file-${fileType}-o`} />
</div> </div>
<span>{name}</span> <span>{name}</span>
@ -88,7 +93,7 @@ function MediaPreviewList({ hoverable, files }) {
} }
MediaPreviewList.default = { MediaPreviewList.default = {
hoverable: false, hoverable: true,
files: null, files: null,
}; };