Merge pull request #854 from acm-ucr/khandrew1/addArrowKeyShortcuts

added arrow key shortcuts
acm-ucr · Nov 10, 2023 · 9821f2b · 9821f2b
2 parents 166cd90 + 2f1ccf2
commit 9821f2b
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src/components/dynamic/admin/services/calendar/Toolbar.jsx b/src/components/dynamic/admin/services/calendar/Toolbar.jsx
@@ -2,6 +2,7 @@ import { LABELS } from "@/data/dynamic/admin/Calendar.js";
 import Tag from "../../Tag.jsx";
 import { COLORS } from "@/data/dynamic/Tags.js";
 import { FaChevronLeft, FaChevronRight } from "react-icons/fa6";
+import { useEffect } from "react";
 
 const CustomToolbar = ({
   onView,
@@ -36,6 +37,22 @@ const CustomToolbar = ({
     }
   };
 
+  const handleShortcuts = (e) => {
+    switch (e.key) {
+      case "ArrowRight":
+        onNavigate("NEXT");
+        break;
+      case "ArrowLeft":
+        onNavigate("PREV");
+        break;
+    }
+  };
+
+  useEffect(() => {
+    document.addEventListener("keydown", handleShortcuts);
+    return () => document.removeEventListener("keydown", handleShortcuts);
+  }, []);
+
   return (
     <div className="grid grid-cols-3">
       <div className="flex items-center">