hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Clean up

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2022-01-19 12:52:16 +03:00
parent 5c49f3a643
commit 4553e58b69
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/renderer/components/hotbar/hotbar-selector.tsx
View File

@ -16,10 +16,6 @@ import { withInjectables } from "@ogre-tools/injectable-react";
import commandOverlayInjectable from "../command-palette/command-overlay.injectable";
import { cssNames } from "../../utils";
export interface HotbarSelectorProps {
hotbar: Hotbar;
}
interface Dependencies {
hotbarManager: {
switchToPrevious: () => void;
@ -30,26 +26,30 @@ interface Dependencies {
openCommandOverlay: (component: React.ReactElement) => void;
}
export interface HotbarSelectorProps extends Partial<Dependencies> {
hotbar: Hotbar;
}
const NonInjectedHotbarSelector = observer(({ hotbar, hotbarManager, openCommandOverlay }: HotbarSelectorProps & Dependencies) => {
const [tooltipVisible, setTooltipVisible] = useState(false);
const tooltipTimeout = useRef<NodeJS.Timeout>();
const clearTimer = () => {
function clearTimer() {
clearTimeout(tooltipTimeout.current);
};
const onTooltipShow = () => {
function onTooltipShow() {
setTooltipVisible(true);
clearTimer();
tooltipTimeout.current = setTimeout(() => setTooltipVisible(false), 1500);
};
const onArrowClick = (switchTo: () => void) => {
function onArrowClick(switchTo: () => void) {
onTooltipShow();
switchTo();
};
const onMouseEvent = (event: React.MouseEvent) => {
function onMouseEvent(event: React.MouseEvent) {
clearTimer();
setTooltipVisible(event.type == "mouseenter");
};