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

Update PhotoInformation.jsx

Browse Source
This commit is contained in:
Alex Sparkes
2022-08-24 19:46:56 +02:00
committed by GitHub
parent e0d3686f5d
commit 92ef43bcb6
1 changed files with 16 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,5 +1,5 @@
import variables from 'modules/variables'; import variables from 'modules/variables';
import { useState, Fragment } from 'react'; import { useState } from 'react';
import Favourite from './Favourite'; import Favourite from './Favourite';
import { import {
MdInfo, MdInfo,
@@ -160,16 +160,13 @@ export default function PhotoInformation({ info, url, api }) {
showingPhotoMap = true; showingPhotoMap = true;
return ( return (
<Fragment key="photomap"> <a
<a href={`${variables.constants.OPENSTREETMAP_URL}/?mlat=${info.latitude}&mlon=${info.longitude}`}
href={`${variables.constants.OPENSTREETMAP_URL}/?mlat=${info.latitude}&mlon=${info.longitude}`} target="_blank"
target="_blank" rel="noopener noreferrer"
rel="noopener noreferrer" >
> <img className="locationMap" src={tile} alt="location" draggable={false} />
<img className="locationMap" src={tile} alt="location" draggable={false} /> </a>
</a>
<br />
</Fragment>
); );
}; };
@@ -288,20 +285,16 @@ export default function PhotoInformation({ info, url, api }) {
)} )}
</span> </span>
{info.location && info.location !== 'N/A' ? ( {info.location && info.location !== 'N/A' ? (
<Fragment key="location"> <div className="concept-row">
<div className="concept-row"> <MdLocationOn />
<MdLocationOn /> <span id="infoLocation">{info.location}</span>
<span id="infoLocation">{info.location}</span> </div>
</div>
</Fragment>
) : null} ) : null}
{info.camera && info.camera !== 'N/A' ? ( {info.camera && info.camera !== 'N/A' ? (
<Fragment key="camera"> <div className="concept-row">
<div className="concept-row"> <MdPhotoCamera />
<MdPhotoCamera /> <span id="infoCamera">{info.camera}</span>
<span id="infoCamera">{info.camera}</span> </div>
</div>
</Fragment>
) : null} ) : null}
<div className="concept-row"> <div className="concept-row">
<Resolution /> <Resolution />