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

feat: photo editor title

Browse source
This commit is contained in:
httpjamesm 2023-10-19 22:29:15 -04:00
parent d69530b340
commit 265e5f84c2
No known key found for this signature in database
2 changed files with 40 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
apps/photos/public/locales/en/translation.json
View file

@ -614,5 +614,6 @@
"COLORS": "Colors", "COLORS": "Colors",
"FLIP": "Flip", "FLIP": "Flip",
"ROTATION": "Rotation", "ROTATION": "Rotation",
"RESET": "Reset" "RESET": "Reset",
"PHOTO_EDITOR": "Photo Editor"
} }

70
apps/photos/src/components/PhotoViewer/ImageEditorOverlay/index.tsx
View file

@ -5,6 +5,7 @@ import {
IconButton, IconButton,
Tab, Tab,
Tabs, Tabs,
Typography,
useTheme, useTheme,
} from '@mui/material'; } from '@mui/material';
import { import {
@ -217,41 +218,46 @@ const ImageEditorOverlay = (props: IProps) => {
backdropFilter: 'blur(5px)', backdropFilter: 'blur(5px)',
}} }}
open> open>
<Box <Box padding="3rem" width="100%" height="100%">
display="inline-block" <Typography variant="h2" fontWeight="bold">
width="100%" {t('PHOTO_EDITOR')}
height="100%" </Typography>
overflow="hidden"
padding="3rem"
boxSizing={'border-box'}>
<Box <Box
height="100%" display="inline-block"
width="100%" width="100%"
ref={parentRef} height="100%"
display="flex" overflow="hidden"
alignItems="center" boxSizing={'border-box'}>
justifyContent="center"> <Box
{(fileURL === null || canvasLoading) && ( height="100%"
<CircularProgress /> width="100%"
)} ref={parentRef}
display="flex"
alignItems="center"
justifyContent="center">
{(fileURL === null || canvasLoading) && (
<CircularProgress />
)}
<canvas <canvas
ref={canvasRef} ref={canvasRef}
style={{ style={{
objectFit: 'contain', objectFit: 'contain',
display: display:
fileURL === null || canvasLoading fileURL === null ||
? 'none' canvasLoading
: 'block', ? 'none'
position: 'absolute', : 'block',
}} position: 'absolute',
/> }}
<canvas />
ref={originalSizeCanvasRef} <canvas
style={{ ref={originalSizeCanvasRef}
display: 'none', style={{
}} display: 'none',
/> }}
/>
</Box>
</Box> </Box>
</Box> </Box>
<Box <Box