2019-05-02 21:11:52 +02:00
|
|
|
import React, { PureComponent } from 'react'
|
2018-09-07 13:08:01 +02:00
|
|
|
import PropTypes from 'prop-types'
|
2019-05-02 21:11:52 +02:00
|
|
|
import ExifMap from './ExifMap'
|
2018-09-07 01:45:53 +02:00
|
|
|
import styles from './Exif.module.scss'
|
|
|
|
|
2018-09-14 00:35:40 +02:00
|
|
|
export default class Exif extends PureComponent {
|
|
|
|
static propTypes = {
|
|
|
|
exif: PropTypes.object
|
|
|
|
}
|
|
|
|
|
|
|
|
render() {
|
|
|
|
const {
|
|
|
|
iso,
|
|
|
|
model,
|
|
|
|
fstop,
|
|
|
|
shutterspeed,
|
|
|
|
focalLength,
|
|
|
|
exposure,
|
|
|
|
gps
|
|
|
|
} = this.props.exif
|
|
|
|
|
|
|
|
return (
|
2019-05-02 21:11:52 +02:00
|
|
|
<>
|
2018-09-14 00:35:40 +02:00
|
|
|
<aside className={styles.exif}>
|
|
|
|
<div className={styles.data}>
|
|
|
|
{model && <span title="Camera model">{model}</span>}
|
|
|
|
{fstop && <span title="Aperture">{fstop}</span>}
|
|
|
|
{shutterspeed && <span title="Shutter speed">{shutterspeed}</span>}
|
|
|
|
{exposure && <span title="Exposure">{exposure}</span>}
|
|
|
|
{iso && <span title="ISO">{iso}</span>}
|
|
|
|
{focalLength && <span title="Focal length">{focalLength}</span>}
|
|
|
|
</div>
|
2018-09-16 14:53:26 +02:00
|
|
|
<div className={styles.map}>{gps && <ExifMap gps={gps} />}</div>
|
2018-09-14 00:35:40 +02:00
|
|
|
</aside>
|
2019-05-02 21:11:52 +02:00
|
|
|
</>
|
2018-09-14 00:35:40 +02:00
|
|
|
)
|
|
|
|
}
|
|
|
|
}
|