Skip to content

Commit

Permalink
remove react-swipeable dependency
Browse files Browse the repository at this point in the history
  • Loading branch information
benwolski committed Oct 10, 2024
1 parent 02fb230 commit 509e1a7
Show file tree
Hide file tree
Showing 3 changed files with 10 additions and 28 deletions.
1 change: 0 additions & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,6 @@
"react-lottie-player": "^2.1.0",
"react-reveal": "^1.2.2",
"react-router-dom": "^6.3.0",
"react-swipeable": "^7.0.1",
"react-transition-group": "^4.4.2",
"react-use-websocket": "^4.8.1",
"simplex-noise": "^4.0.3",
Expand Down
32 changes: 10 additions & 22 deletions src/pages/common/TestPage/TestPage.tsx
Original file line number Diff line number Diff line change
@@ -1,28 +1,16 @@
// import { useContext } from 'react';
// import { BrandContext } from '../../contexts/BrandContext';
import { useSwipeable } from 'react-swipeable';

export default function TestPage() {
const showSidebar = () => {
alert('Sidebar is shown!');
};

const handlers = useSwipeable({
onSwipedLeft: () => console.log('Swiped left!'),
onSwipedRight: () => showSidebar(),
onSwiping: (eventData) => {
if (eventData.event.cancelable) {
eventData.event.preventDefault(); // Accessing the native event to prevent default behavior
}
},
trackMouse: true, // Enables swipe detection with mouse as well
});

return (
<div {...handlers} className="swipe-container">
<h2>Swipe to open the sidebar</h2>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cupiditate recusandae laborum pariatur quos, deleniti blanditiis qui porro molestias aspernatur necessitatibus accusantium nisi alias earum, animi asperiores doloribus voluptate repudiandae. Doloribus tenetur laboriosam in aspernatur, dolorem modi, blanditiis id, temporibus sint facilis quaerat aliquam eos quo quidem corrupti velit dignissimos ratione.
return (
<div>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cupiditate
recusandae laborum pariatur quos, deleniti blanditiis qui porro
molestias aspernatur necessitatibus accusantium nisi alias earum,
animi asperiores doloribus voluptate repudiandae. Doloribus tenetur
laboriosam in aspernatur, dolorem modi, blanditiis id, temporibus
sint facilis quaerat aliquam eos quo quidem corrupti velit
dignissimos ratione.
</div>
);

);
}
5 changes: 0 additions & 5 deletions yarn.lock
Original file line number Diff line number Diff line change
Expand Up @@ -7934,11 +7934,6 @@ [email protected]:
dependencies:
"@remix-run/router" "1.2.1"

react-swipeable@^7.0.1:
version "7.0.1"
resolved "https://registry.yarnpkg.com/react-swipeable/-/react-swipeable-7.0.1.tgz#cd299f5986c5e4a7ee979839658c228f660e1e0c"
integrity sha512-RKB17JdQzvECfnVj9yDZsiYn3vH0eyva/ZbrCZXZR0qp66PBRhtg4F9yJcJTWYT5Adadi+x4NoG53BxKHwIYLQ==

react-transition-group@^4.4.0, react-transition-group@^4.4.2, react-transition-group@^4.4.5:
version "4.4.5"
resolved "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz"
Expand Down

0 comments on commit 509e1a7

Please sign in to comment.