2020-10-17 09:47:01 +00:00
|
|
|
import React from 'react';
|
2021-03-20 12:05:14 +00:00
|
|
|
|
2020-10-17 09:47:01 +00:00
|
|
|
import Info from '@material-ui/icons/Info';
|
|
|
|
import Location from '@material-ui/icons/LocationOn';
|
|
|
|
import Camera from '@material-ui/icons/PhotoCamera';
|
|
|
|
import Resolution from '@material-ui/icons/Crop';
|
|
|
|
import Photographer from '@material-ui/icons/Person';
|
|
|
|
|
2021-01-17 18:07:26 +00:00
|
|
|
export default function PhotoInformation(props) {
|
2021-03-19 22:30:29 +00:00
|
|
|
const language = window.language.widgets.background;
|
|
|
|
|
2021-03-21 13:09:06 +00:00
|
|
|
if (props.info.hidden === true) return null;
|
|
|
|
|
2021-01-17 16:25:21 +00:00
|
|
|
return (
|
|
|
|
<div className='photoInformation'>
|
2021-03-20 12:05:14 +00:00
|
|
|
<h1>{language.credit} {props.info.credit}</h1>
|
2021-01-17 16:25:21 +00:00
|
|
|
<Info className='photoInformationHover'/>
|
|
|
|
<div className={props.className || 'infoCard'}>
|
|
|
|
<Info className='infoIcon'/>
|
2021-03-19 22:30:29 +00:00
|
|
|
<h1>{language.information}</h1>
|
2021-01-17 16:25:21 +00:00
|
|
|
<hr/>
|
|
|
|
<Location/>
|
2021-03-20 12:05:14 +00:00
|
|
|
<span>{props.info.location}</span>
|
2021-01-17 16:25:21 +00:00
|
|
|
<Camera/>
|
2021-03-20 12:05:14 +00:00
|
|
|
<span>{props.info.camera}</span>
|
2021-01-17 16:25:21 +00:00
|
|
|
<Resolution/>
|
2021-03-20 12:05:14 +00:00
|
|
|
<span>{props.info.resolution}</span>
|
2021-01-17 16:25:21 +00:00
|
|
|
<Photographer/>
|
2021-03-20 12:05:14 +00:00
|
|
|
<span>{props.info.credit.split(' on Unsplash')[0]}</span>
|
2020-10-17 09:47:01 +00:00
|
|
|
</div>
|
2021-01-17 16:25:21 +00:00
|
|
|
</div>
|
|
|
|
);
|
2021-03-17 13:01:53 +00:00
|
|
|
}
|