mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-07-22 16:27:32 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor: new background component

Browse Source
This commit is contained in:
David Ralph
2021-03-20 12:05:14 +00:00
parent 70756befa2
commit 0c71f0ebef
4 changed files with 177 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/widgets/background/PhotoInformation.jsx
View File

@@ -1,4 +1,5 @@
import React from 'react';
import Info from '@material-ui/icons/Info';
import Location from '@material-ui/icons/LocationOn';
import Camera from '@material-ui/icons/PhotoCamera';
@@ -10,22 +11,21 @@ export default function PhotoInformation(props) {
return (
<div className='photoInformation'>
<h1 id='photographer'>{language.credit}</h1>
<h1>{language.credit} {props.info.credit}</h1>
<Info className='photoInformationHover'/>
<div className={props.className || 'infoCard'}>
<Info className='infoIcon'/>
<h1>{language.information}</h1>
<hr/>
<Location/>
<span id='location'/>
<span>{props.info.location}</span>
<Camera/>
<span id='camera'/>
<span>{props.info.camera}</span>
<Resolution/>
<span id='resolution'/>
<span>{props.info.resolution}</span>
<Photographer/>
<span id='photographerCard'/>
<span>{props.info.credit.split(' on Unsplash')[0]}</span>
</div>
<span id='credit' style={{ 'display': 'none' }}></span>
</div>
);
}