import { useEffect, useState } from "react";
import { Link, NavLink, useNavigate } from "react-router-dom";
const ICONS = {
home: (
),
search: (
),
book: (
),
};
function NavItem({ to, end, label, icon, onClick }) {
return (
`nav-item${isActive ? " active" : ""}`}
onClick={onClick}
>
{ICONS[icon]}
{label}
);
}
export default function Sidebar() {
const navigate = useNavigate();
const [open, setOpen] = useState(false);
const [q, setQ] = useState("");
useEffect(() => {
const onKey = (e) => {
if (e.key === "Escape") setOpen(false);
};
window.addEventListener("keydown", onKey);
return () => window.removeEventListener("keydown", onKey);
}, []);
function submit(e) {
e.preventDefault();
if (!q.trim()) return;
close();
navigate(`/search?q=${encodeURIComponent(q.trim())}`);
}
return (
<>
◈
anicove
);
}