"use client";
import { useEffect, useRef } from "react";
import { useRouter } from "next/navigation";
const routes: { [k: string]: string } = {
  d: "/dashboard",
  l: "/live",
  e: "/events",
  c: "/clips",
  a: "/cameras",
};
export function KeyboardShortcuts() {
  const g = useRef(false);
  const router = useRouter();
  useEffect(() => {
    const h = (e: KeyboardEvent) => {
      if (["INPUT", "TEXTAREA"].includes((e.target as HTMLElement).tagName))
        return;
      if (e.key.toLowerCase() === "g") {
        g.current = true;
        setTimeout(() => (g.current = false), 900);
        return;
      }
      if (g.current && routes[e.key.toLowerCase()]) {
        router.push(routes[e.key.toLowerCase()]);
        g.current = false;
      }
    };
    addEventListener("keydown", h);
    return () => removeEventListener("keydown", h);
  }, [router]);
  return null;
}