Signal/Desktop
1
0
Fork 0
mirror of https://github.com/signalapp/Signal-Desktop.git synced 2025-12-24 20:26:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Media editor minor improvements

Browse Source
This commit is contained in:
Josh Perez
2021-12-03 15:28:56 -05:00
committed by GitHub
parent 38cdb9b289
commit dccd3fbf73
4 changed files with 27 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
ts/components/MediaEditor.tsx
View File

@@ -399,6 +399,7 @@ export const MediaEditor = ({
const [canRedo, setCanRedo] = useState(false);
const [canUndo, setCanUndo] = useState(false);
const [canCrop, setCanCrop] = useState(false);
const [cropAspectRatioLock, setcropAspectRatioLock] = useState(false);
const [drawTool, setDrawTool] = useState<DrawTool>(DrawTool.Pen);
const [drawWidth, setDrawWidth] = useState<DrawWidth>(DrawWidth.Regular);
@@ -572,6 +573,13 @@ export const MediaEditor = ({
width,
});
rect.on('modified', () => {
const { height: currHeight, width: currWidth } =
rect.getBoundingRect(true);
setCanCrop(currHeight < height || currWidth < width);
});
rect.on('deselected', () => {
setEditMode(undefined);
});
@@ -589,6 +597,8 @@ export const MediaEditor = ({
}
});
}
setCanCrop(false);
}, [editMode, fabricCanvas, imageState.height, imageState.width, zoom]);
useEffect(() => {
@@ -857,6 +867,7 @@ export const MediaEditor = ({
<button
aria-label={i18n('MediaEditor__crop--crop')}
className="MediaEditor__crop-toolbar--button MediaEditor__crop-toolbar--crop"
disabled={!canCrop}
onClick={() => {
if (!fabricCanvas) {
return;