QOL changes

src/components/actions/actions/ClickAction.jsx

@@ -2,8 +2,9 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { formatShortcut } from "../../../features/utils/string.js";
 import styles from "../Actions.module.css";
 import { ImagePreview } from "../../applications/file-explorer/directory-list/ImagePreview.jsx";
+import { memo } from "react";
 
-export function ClickAction({ actionId, label, shortcut, onTrigger, icon }) {
+export const ClickAction = memo(({ actionId, label, shortcut, onTrigger, icon }) => {
 	return (<button key={actionId} className={styles.Button} tabIndex={0} onClick={onTrigger}>
 		<span className={styles.Label}>
 			{icon && <div className={styles.Icon}>
@@ -16,4 +17,4 @@ export function ClickAction({ actionId, label, shortcut, onTrigger, icon }) {
 		</span>
 		{shortcut && <p className={styles.Shortcut}>{formatShortcut(shortcut)}</p>}
 	</button>);
-}
+});

src/components/taskbar/app-icon/AppIcon.jsx

@@ -10,6 +10,7 @@ import { ClickAction } from "../../actions/actions/ClickAction.jsx";
 import { faThumbTack, faTimes } from "@fortawesome/free-solid-svg-icons";
 import { SettingsManager } from "../../../features/settings/settingsManager.js";
 import { removeFromArray } from "../../../features/utils/array.js";
+import AppsManager from "../../../features/applications/applications.js";
 
 /**
  * @param {object} props 
@@ -24,6 +25,9 @@ export const AppButton = memo(({ app, windowsManager, modalsManager, pins, activ
 	const settingsManager = useSettingsManager();
 	const { onContextMenu } = useContextMenu({ modalsManager, Actions: (props) =>
 		<Actions avoidTaskbar={false} {...props}>
+			<ClickAction label={app.name} icon={AppsManager.getAppIconUrl(app.id)} onTrigger={() => {
+				windowsManager.open(app.id);
+			}}/>
 			<ClickAction label={isPinned ? "Unpin from taskbar" : "Pin to taskbar"} icon={faThumbTack} onTrigger={() => {
 				const newPins = [...pins];
 				if (isPinned) {

src/components/taskbar/menus/SearchMenu.jsx

@@ -47,9 +47,16 @@ export function SearchMenu({ active, setActive, searchQuery, setSearchQuery, inp
 		classNames.push(styles.Active);
 
 	const onKeyDown = (event) => {
-		if (event.key === "f" && event.ctrlKey) {
+		if ((event.key === "f" || event.key === "g") && event.ctrlKey && !active) {
 			event.preventDefault();
 			setActive(true);
+		} else if (event.key === "Escape" && active) {
+			event.preventDefault();
+			setActive(false);
+		} else if (event.key === "Enter" && active) {
+			event.preventDefault();
+			windowsManager.open(apps[0].id);
+			setActive(false);
 		}
 	};
 

src/components/taskbar/menus/SearchMenu.module.css

@@ -51,4 +51,8 @@
 	outline: none;
 	font-family: inherit;
 	font-size: inherit;
+}
+
+.Container-inner > div > button:first-child {
+	background-color: var(--taskbar-button-hover-color);
 }

src/components/windows/WindowView.jsx

@@ -139,7 +139,10 @@ export const WindowView = memo(({ id, app, size, position, onInteract, options,
 						height: maximized ? null : startSize.y,
 					}}
 				>
-					<div className={`${styles.Header} Window-handle`} onContextMenu={onContextMenu}>
+					<div className={`${styles.Header} Window-handle`} onContextMenu={onContextMenu} onDoubleClick={(event) => {
+						setMaximized(!maximized);
+						focus(event, true);
+					}}>
 						<ReactSVG
 							className={styles["Window-icon"]}
 							src={iconUrl}