Wrap <Slide> w/ <Swipeable>

Allow gestures for phone usage.
ebigram · Feb 7, 2019 · 01c8df9 · 01c8df9
1 parent 39d14ab
commit 01c8df9
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/history.js b/src/history.js
@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from "react";
 import { getSlides } from "./differ";
 import useSpring from "react-use/lib/useSpring";
+import Swipeable from "react-swipeable"
 import Slide from "./slide";
 import "./comment-box.css";
 
@@ -109,7 +110,12 @@ export default function History({ commits, language }) {
         currentIndex={current}
         selectCommit={index => setTarget(index)}
       />
-      <Slide time={current - index} lines={slideLines[index]} />
+      <Swipeable
+        onSwipedLeft={nextSlide}
+        onSwipedRight={prevSlide}
+      >
+        <Slide time={current - index} lines={slideLines[index]} />
+      </Swipeable>
     </React.Fragment>
   );
 }