usememos/memos
1
1
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-02-28 15:24:19 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix: reset image state in gallery (#730)

Browse source
This commit is contained in:
Zeng1998 2022-12-11 20:14:55 +08:00 committed by GitHub
parent 4bebbf3e1d
commit 91220ea4a6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
web/src/components/PreviewImageDialog.tsx
View file

@ -20,14 +20,16 @@ interface State {
originY: number;
}
const defaultState: State = {
angle: 0,
scale: 1,
originX: -1,
originY: -1,
};
const PreviewImageDialog: React.FC<Props> = ({ destroy, imgUrls, initialIndex }: Props) => {
const [currentIndex, setCurrentIndex] = useState(initialIndex);
const [state, setState] = useState<State>({
angle: 0,
scale: 1,
originX: -1,
originY: -1,
});
const [state, setState] = useState<State>(defaultState);
const handleCloseBtnClick = () => {
destroy();
@ -43,12 +45,14 @@ const PreviewImageDialog: React.FC<Props> = ({ destroy, imgUrls, initialIndex }:
const handleImgContainerClick = (event: React.MouseEvent) => {
if (event.clientX < window.innerWidth / 2) {
if (currentIndex > 0) {
setState(defaultState);
setCurrentIndex(currentIndex - 1);
} else {
destroy();
}
} else {
if (currentIndex < imgUrls.length - 1) {
setState(defaultState);
setCurrentIndex(currentIndex + 1);
} else {
destroy();