mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-07-19 15:04:11 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: photoinformation console errors

Browse Source
This commit is contained in:
David Ralph
2021-08-20 11:52:05 +01:00
parent 34cf696bb4
commit 98c857e7ad
2 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,4 +1,4 @@
import { useState } from 'react';
import { useState, Fragment } from 'react';
import { Info, LocationOn, PhotoCamera, Crop as Resolution, Person as Photographer, GetApp as Download } from '@material-ui/icons';
const toDataURL = async (url) => {
@@ -77,14 +77,15 @@ export default function PhotoInformation(props) {
<Info className='infoIcon'/>
<h1>{language.information}</h1>
<hr/>
{props.info.location && props.info.location !== 'N/A' ? <>
{/* fix console error by using fragment and key */}
{props.info.location && props.info.location !== 'N/A' ? <Fragment key='location'>
<LocationOn/>
<span id='infoLocation'>{props.info.location}</span>
</> : null}
{props.info.camera && props.info.camera !== 'N/A' ? <>
</Fragment> : null}
{props.info.camera && props.info.camera !== 'N/A' ? <Fragment key='camera'>
<PhotoCamera/>
<span id='infoCamera'>{props.info.camera}</span>
</> : null}
</Fragment> : null}
<Resolution/>
<span id='infoResolution'>{width}x{height}</span>
<Photographer/>