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

Maximize window on topbar double click (#4379)

Browse Source
This commit is contained in:
Alex Andreev 2021-11-18 17:08:53 +03:00 committed by GitHub
parent 7b68c08dfe
commit 8bc936802b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/renderer/components/layout/topbar.module.css
View File

@ -34,7 +34,7 @@
padding-left: var(--hotbar-width); padding-left: var(--hotbar-width);
} }
.history { .tools {
@apply flex items-center; @apply flex items-center;
} }

14
src/renderer/components/layout/topbar.tsx
View File

@ -24,7 +24,7 @@ import React, { useEffect } from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { TopBarRegistry } from "../../../extensions/registries"; import { TopBarRegistry } from "../../../extensions/registries";
import { Icon } from "../icon"; import { Icon } from "../icon";
import { webContents } from "@electron/remote"; import { webContents, getCurrentWindow } from "@electron/remote";
import { observable } from "mobx"; import { observable } from "mobx";
import { ipcRendererOn } from "../../../common/ipc"; import { ipcRendererOn } from "../../../common/ipc";
import { watchHistoryState } from "../../remote-helpers/history-updater"; import { watchHistoryState } from "../../remote-helpers/history-updater";
@ -82,6 +82,16 @@ export const TopBar = observer(({ children, ...rest }: Props) => {
webContents.getAllWebContents().find((webContent) => webContent.getType() === "window")?.goForward(); webContents.getAllWebContents().find((webContent) => webContent.getType() === "window")?.goForward();
}; };
const windowSizeToggle = () => {
const window = getCurrentWindow();
if (window.isMaximized()) {
window.unmaximize();
} else {
window.maximize();
}
};
useEffect(() => { useEffect(() => {
const disposer = watchHistoryState(); const disposer = watchHistoryState();
@ -90,7 +100,7 @@ export const TopBar = observer(({ children, ...rest }: Props) => {
return ( return (
<div className={styles.topBar} {...rest}> <div className={styles.topBar} {...rest}>
<div className={styles.history}> <div className={styles.tools} onDoubleClick={windowSizeToggle}>
<Icon <Icon
data-testid="home-button" data-testid="home-button"
material="home" material="home"