diff --git a/client/src/common/components/Sidebar/components/SidebarContent/SidebarContent.jsx b/client/src/common/components/Sidebar/components/SidebarContent/SidebarContent.jsx index bef871a..03da0a6 100644 --- a/client/src/common/components/Sidebar/components/SidebarContent/SidebarContent.jsx +++ b/client/src/common/components/Sidebar/components/SidebarContent/SidebarContent.jsx @@ -4,18 +4,31 @@ import "./styles.sass"; import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"; import {faSearch} from "@fortawesome/free-solid-svg-icons"; import {routes} from "@/common/routes"; +import {useEffect, useRef} from "react"; export const SidebarContent = () => { + const searchRef = useRef(); + + useEffect(() => { + const listener = (e) => { + if (e.keyCode === 114 || (e.ctrlKey && e.keyCode === 70)) { + e.preventDefault(); + searchRef.current.focus(); + } + } + + document.addEventListener("keydown", listener); + return () => document.removeEventListener("keydown", listener); + }, []); + return (
- +
-
- {Object.keys(routes).map((route) => ( {routes[route].map((route) => (