diff --git a/components/EmptyState.tsx b/components/EmptyState.tsx index 2afbabd..c7b477d 100644 --- a/components/EmptyState.tsx +++ b/components/EmptyState.tsx @@ -10,21 +10,11 @@ export function EmptyState() { color: "var(--color-text-muted)", }}>
- npm run discover{"\n"}npm run scrape
-
);
}
diff --git a/components/WeekNav.tsx b/components/WeekNav.tsx
index 766b274..ebd25b8 100644
--- a/components/WeekNav.tsx
+++ b/components/WeekNav.tsx
@@ -1,5 +1,6 @@
"use client";
+import { useEffect } from "react";
import { useRouter } from "next/navigation";
interface WeekNavProps {
@@ -35,6 +36,16 @@ export function WeekNav({ weekStart, weekDates, isCurrentWeek }: WeekNavProps) {
const nav = (delta: number) =>
router.push(`/?week=${shiftWeek(weekStart, delta)}`);
+ useEffect(() => {
+ const onKey = (e: KeyboardEvent) => {
+ if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) return;
+ if (e.key === "ArrowLeft") nav(-1);
+ if (e.key === "ArrowRight") nav(1);
+ };
+ window.addEventListener("keydown", onKey);
+ return () => window.removeEventListener("keydown", onKey);
+ }, [weekStart]);
+
return (