mirror of
https://github.com/DI0IK/homepage-plus.git
synced 2025-07-10 07:18:47 +00:00
Refactor, better handle mouseover
This commit is contained in:
parent
db9633496b
commit
ba4a1eb646
2 changed files with 9 additions and 5 deletions
|
@ -4,7 +4,7 @@ import classNames from "classnames";
|
|||
|
||||
import { resolveIcon } from "./services/item";
|
||||
|
||||
export default function HomepageSearch({bookmarksAndServices, searchString, setSearchString, isOpen, close}) {
|
||||
export default function QuickLaunch({bookmarksAndServices, searchString, setSearchString, isOpen, close}) {
|
||||
const { t } = useTranslation();
|
||||
|
||||
const searchField = useRef();
|
||||
|
@ -37,6 +37,10 @@ export default function HomepageSearch({bookmarksAndServices, searchString, setS
|
|||
}
|
||||
}
|
||||
|
||||
function handleItemHover(event) {
|
||||
setCurrentItemIndex(parseInt(event.target?.dataset?.index));
|
||||
}
|
||||
|
||||
function handleItemClick() {
|
||||
resetAndClose();
|
||||
}
|
||||
|
@ -84,9 +88,9 @@ export default function HomepageSearch({bookmarksAndServices, searchString, setS
|
|||
{results.length > 0 && <ul className="max-h-[60vh] overflow-y-auto">
|
||||
{results.map((r, i) => (
|
||||
<li key={r.name}>
|
||||
<a className={classNames(
|
||||
<a data-index={i} onMouseEnter={handleItemHover} className={classNames(
|
||||
i === currentItemIndex && "bg-theme-300/50 dark:bg-theme-700/50",
|
||||
"flex flex-row items-center justify-between rounded-md text-sm md:text-xl m-2 py-2 px-4 cursor-pointer text-theme-700 dark:text-theme-200 dark:hover:text-theme-300 hover:bg-theme-200/50 dark:hover:bg-theme-900/30",
|
||||
"flex flex-row items-center justify-between rounded-md text-sm md:text-xl m-2 py-2 px-4 cursor-pointer text-theme-700 dark:text-theme-200",
|
||||
)} href={r.href} target="_blank" rel="noreferrer" onClick={handleItemClick}>
|
||||
<div className="flex flex-row items-center mr-4">
|
||||
<div className="w-5 text-xs mr-4">
|
Loading…
Add table
Add a link
Reference in a new issue