From 5cd66b593fc49290dca1f3cf0a486b0506022a49 Mon Sep 17 00:00:00 2001
From: Dong Qian <dqian@Dongs-iMac.local>
Date: Wed, 1 Apr 2020 10:31:54 -0400
Subject: [PATCH] add mouse wheel scroll into tabBar

---
 src/shared/TabBar.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/shared/TabBar.js b/src/shared/TabBar.js
index 1f7b50b5..92d6bc7d 100644
--- a/src/shared/TabBar.js
+++ b/src/shared/TabBar.js
@@ -16,6 +16,8 @@ const TabBar = ({ tabs, currentTab, setCurrentTab }) => {
     }
   };
 
+  const wheelScrollBy = e => scrollBy(e.deltaY);
+
   return (
     <div className="mx-4 mb-6 flex items-center">
       <div
@@ -25,7 +27,7 @@ const TabBar = ({ tabs, currentTab, setCurrentTab }) => {
         <i className="material-icons">chevron_left</i>
       </div>
 
-      <ul id="tabs" ref={tabsRef} className="flex overflow-x-scroll">
+      <ul id="tabs" ref={tabsRef} className="flex overflow-x-scroll" onWheel={wheelScrollBy}>
         {tabs.map(tab =>
           currentTab === tab.key ? (
             <li key={tab.key} className="mx-1 list-none">