aaron/ski
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

prettier

Browse Source
This commit is contained in:
Aaron Gutierrez
2022-12-31 14:08:39 -08:00
parent c24e001d52
commit fb4d7f3d21
2 changed files with 23 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/big_picture.tsx
View File

@@ -12,12 +12,12 @@ export interface Props {
}
interface TouchStart {
x: number;
y: number;
x: number;
y: number;
}
export interface State {
touchStart?: TouchStart | null;
touchStart?: TouchStart | null;
}
export class BigPicture extends React.PureComponent<Props, State> {
@@ -85,24 +85,24 @@ export class BigPicture extends React.PureComponent<Props, State> {
};
private _onTouchStart = (e: React.TouchEvent) => {
const touch = e.touches[0];
this.setState({ touchStart: { x: touch.screenX, y: touch.screenY }});
}
const touch = e.touches[0];
this.setState({ touchStart: { x: touch.screenX, y: touch.screenY } });
};
private _onTouchEnd = (e: React.TouchEvent) => {
const touch = e.changedTouches[0];
const touchStart = this.state.touchStart as TouchStart;
const touch = e.changedTouches[0];
const touchStart = this.state.touchStart as TouchStart;
const dx = touch.screenX - touchStart.x;
const dx = touch.screenX - touchStart.x;
if (Math.abs(dx) / window.innerWidth > 0.05) {
if (dx < 0) {
this.props.showNext();
} else {
this.props.showPrevious();
}
if (Math.abs(dx) / window.innerWidth > 0.05) {
if (dx < 0) {
this.props.showNext();
} else {
this.props.showPrevious();
}
}
this.setState({ touchStart: null });
}
this.setState({ touchStart: null });
};
}

10
src/components/root.tsx
View File

@@ -192,18 +192,20 @@ export class Root extends React.PureComponent<Props, State> {
};
private _showNextBigPicture = () => {
const images: Model.Image[] = this.state.selectedSet?.images as Model.Image[];
const images: Model.Image[] = this.state.selectedSet
?.images as Model.Image[];
const current = images.indexOf(this.state.selectedImage as Model.Image);
const next = current + 1 >= images.length ? 0 : current + 1;
this._onImageSelected(images[next]);
}
};
private _showPreviousBigPicture = () => {
const images: Model.Image[] = this.state.selectedSet?.images as Model.Image[];
const images: Model.Image[] = this.state.selectedSet
?.images as Model.Image[];
const current = images.indexOf(this.state.selectedImage as Model.Image);
const previous = current - 1 < 0 ? images.length - 1 : current - 1;
this._onImageSelected(images[previous]);
}
};
private _setGridHeight = (grid: number) => (height: number) => {
if (this.state.gridHeights[grid] === height) {