beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

changes

Browse source
This commit is contained in:
jubitjohn 2023-06-29 20:35:10 +05:30
parent fcfa1182d4
commit 7fad31235f
2 changed files with 5 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
apps/photos/src/components/PhotoViewer/FileInfo/MapBox.tsx
View file

@ -1,7 +1,6 @@
import { useEffect, useRef } from 'react';
import { styled } from '@mui/material';
import { Typography, styled } from '@mui/material';
import { runningInBrowser } from 'utils/common';
import { MapButton } from './MapButton';
import 'leaflet/dist/leaflet.css';
import 'leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility.webpack.css'; // Re-uses images from ~leaflet package
@ -20,15 +19,6 @@ const MapBoxContainer = styled('div')`
height: 200px;
width: 100%;
`;
const MapBoxEnableContainer = styled('div')`
position: relative;
height: 200px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(255, 255, 255, 0.09);
`;
interface MapBoxProps {
location: { latitude: number; longitude: number };
@ -58,14 +48,9 @@ const MapBox: React.FC<MapBoxProps> = ({ location, showMap }) => {
return (
<>
{showMap && <MapBoxContainer ref={mapBoxContainerRef} />}
{!showMap && (
<>
<MapBoxEnableContainer>
<MapButton> {t('ENABLE_MAP')}</MapButton>
</MapBoxEnableContainer>
</>
)}
<MapBoxContainer ref={showMap && mapBoxContainerRef}>
{showMap && <Typography> {t('ENABLE_MAP')}</Typography>}
</MapBoxContainer>
</>
);
};

2
apps/photos/src/components/PhotoViewer/FileInfo/index.tsx
View file

@ -171,7 +171,7 @@ export function FileInfo({
useEffect(() => {
const mapEnabled = getMapEnabled();
setShowMap(mapEnabled);
}, [file, showInfo]);
}, []);
if (!file) {
return <></>;