Manual merge of changes from react-swipeable branch, update react-swipeable version
This commit is contained in:
parent
4169a2c102
commit
0d106274d2
|
@ -39,6 +39,7 @@
|
||||||
"react-i18next": "^11.18.0",
|
"react-i18next": "^11.18.0",
|
||||||
"react-router-dom": "^6.3.0",
|
"react-router-dom": "^6.3.0",
|
||||||
"react-scripts": "^5.0.1",
|
"react-scripts": "^5.0.1",
|
||||||
|
"react-swipeable": "^7.0.0",
|
||||||
"react-test-renderer": "^18.2.0",
|
"react-test-renderer": "^18.2.0",
|
||||||
"styled-components": "^5.3.5",
|
"styled-components": "^5.3.5",
|
||||||
"subscriptions-transport-ws": "^0.11.0",
|
"subscriptions-transport-ws": "^0.11.0",
|
||||||
|
@ -20874,6 +20875,14 @@
|
||||||
"react": "^16.3.0 || ^17.0.0 || ^18.0.0"
|
"react": "^16.3.0 || ^17.0.0 || ^18.0.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/react-swipeable": {
|
||||||
|
"version": "7.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-swipeable/-/react-swipeable-7.0.0.tgz",
|
||||||
|
"integrity": "sha512-NI7KGfQ6gwNFN0Hor3vytYW3iRfMMaivGEuxcADOOfBCx/kqwXE8IfHFxEcxSUkxCYf38COLKYd9EMYZghqaUA==",
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": "^16.8.3 || ^17 || ^18"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/react-test-renderer": {
|
"node_modules/react-test-renderer": {
|
||||||
"version": "18.2.0",
|
"version": "18.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-18.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-18.2.0.tgz",
|
||||||
|
@ -40414,6 +40423,12 @@
|
||||||
"integrity": "sha512-PVjOcvVOyIILrYoyGEpDN3vmYNLdy1CajSFNt4TDsVQC5KpTijDvWVoR+/7Rz2xT978D8/ZtFceXxzsPwZEDvw==",
|
"integrity": "sha512-PVjOcvVOyIILrYoyGEpDN3vmYNLdy1CajSFNt4TDsVQC5KpTijDvWVoR+/7Rz2xT978D8/ZtFceXxzsPwZEDvw==",
|
||||||
"requires": {}
|
"requires": {}
|
||||||
},
|
},
|
||||||
|
"react-swipeable": {
|
||||||
|
"version": "7.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-swipeable/-/react-swipeable-7.0.0.tgz",
|
||||||
|
"integrity": "sha512-NI7KGfQ6gwNFN0Hor3vytYW3iRfMMaivGEuxcADOOfBCx/kqwXE8IfHFxEcxSUkxCYf38COLKYd9EMYZghqaUA==",
|
||||||
|
"requires": {}
|
||||||
|
},
|
||||||
"react-test-renderer": {
|
"react-test-renderer": {
|
||||||
"version": "18.2.0",
|
"version": "18.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-18.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-18.2.0.tgz",
|
||||||
|
|
|
@ -49,7 +49,7 @@
|
||||||
"react-i18next": "^11.18.0",
|
"react-i18next": "^11.18.0",
|
||||||
"react-router-dom": "^6.3.0",
|
"react-router-dom": "^6.3.0",
|
||||||
"react-scripts": "^5.0.1",
|
"react-scripts": "^5.0.1",
|
||||||
"react-swipeable": "^6.1.0",
|
"react-swipeable": "^7.0.0",
|
||||||
"react-test-renderer": "^18.2.0",
|
"react-test-renderer": "^18.2.0",
|
||||||
"styled-components": "^5.3.5",
|
"styled-components": "^5.3.5",
|
||||||
"subscriptions-transport-ws": "^0.11.0",
|
"subscriptions-transport-ws": "^0.11.0",
|
||||||
|
|
|
@ -3,7 +3,7 @@ import styled from 'styled-components'
|
||||||
import { debounce, DebouncedFn } from '../../../helpers/utils'
|
import { debounce, DebouncedFn } from '../../../helpers/utils'
|
||||||
import { closePresentModeAction, GalleryAction } from '../mediaGalleryReducer'
|
import { closePresentModeAction, GalleryAction } from '../mediaGalleryReducer'
|
||||||
|
|
||||||
import { useSwipeable } from 'react-swipeable';
|
import { useSwipeable } from 'react-swipeable'
|
||||||
|
|
||||||
import ExitIcon from './icons/Exit'
|
import ExitIcon from './icons/Exit'
|
||||||
import NextIcon from './icons/Next'
|
import NextIcon from './icons/Next'
|
||||||
|
@ -98,12 +98,11 @@ const PresentNavigationOverlay = ({
|
||||||
const handlers = useSwipeable({
|
const handlers = useSwipeable({
|
||||||
onSwipedLeft: () => dispatchMedia({ type: 'nextImage' }),
|
onSwipedLeft: () => dispatchMedia({ type: 'nextImage' }),
|
||||||
onSwipedRight: () => dispatchMedia({ type: 'previousImage' }),
|
onSwipedRight: () => dispatchMedia({ type: 'previousImage' }),
|
||||||
preventDefaultTouchmoveEvent: false,
|
preventScrollOnSwipe: false,
|
||||||
trackMouse: false
|
trackMouse: false,
|
||||||
});
|
})
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|
||||||
<StyledOverlayContainer
|
<StyledOverlayContainer
|
||||||
data-testid="present-overlay"
|
data-testid="present-overlay"
|
||||||
onMouseMove={() => {
|
onMouseMove={() => {
|
||||||
|
@ -112,7 +111,6 @@ const PresentNavigationOverlay = ({
|
||||||
>
|
>
|
||||||
<div {...handlers}>
|
<div {...handlers}>
|
||||||
{children}
|
{children}
|
||||||
|
|
||||||
<NavigationButton
|
<NavigationButton
|
||||||
aria-label="Previous image"
|
aria-label="Previous image"
|
||||||
className={hide ? 'hide' : undefined}
|
className={hide ? 'hide' : undefined}
|
||||||
|
@ -144,7 +142,6 @@ const PresentNavigationOverlay = ({
|
||||||
</ExitButton>
|
</ExitButton>
|
||||||
</div>
|
</div>
|
||||||
</StyledOverlayContainer>
|
</StyledOverlayContainer>
|
||||||
|
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue