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

Using dropdown icon instead of sandwich

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2022-05-17 11:51:16 +03:00
parent 44560093dc
commit 453f9926c8
2 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/renderer/components/update-button/styles.module.scss
View File

@ -28,6 +28,11 @@
}
}
.icon {
width: 16px;
height: 16px;
}
.warningHigh {
--active-color-hsl: 0deg 76% 62%;
}

11
src/renderer/components/update-button/update-button.tsx
View File

@ -10,6 +10,8 @@ import { Menu, MenuItem } from "../menu";
import uniqueId from "lodash/uniqueId";
import { noop } from "lodash";
import { cssNames } from "../../utils";
import type { IconProps } from "../icon";
import { Icon } from "../icon";
interface UpdateButtonProps {
warningLevel?: "light" | "medium" | "high";
@ -18,6 +20,7 @@ interface UpdateButtonProps {
export function UpdateButton({ warningLevel, update }: UpdateButtonProps) {
const id = uniqueId("update_button_");
const menuIconProps: IconProps = { material: "update", small: true };
const [opened, setOpened] = useState(false);
const onKeyDown = (evt: React.KeyboardEvent<HTMLButtonElement>) => {
@ -48,11 +51,7 @@ export function UpdateButton({ warningLevel, update }: UpdateButtonProps) {
onKeyDown={onKeyDown}
>
Update
<svg width="12" height="12" viewBox="0 0 12 12" shapeRendering="crispEdges">
<path fill="currentColor" d="M0,8.5h12v1H0V8.5z"/>
<path fill="currentColor" d="M0,5.5h12v1H0V5.5z"/>
<path fill="currentColor" d="M0,2.5h12v1H0V2.5z"/>
</svg>
<Icon material="arrow_drop_down" className={styles.icon}/>
</button>
<Menu
usePortal
@ -61,7 +60,7 @@ export function UpdateButton({ warningLevel, update }: UpdateButtonProps) {
close={toggle}
open={noop}
>
<MenuItem icon="update" onClick={update} data-testid="update-lens-menu-item">
<MenuItem icon={menuIconProps} onClick={update} data-testid="update-lens-menu-item">
Relaunch to Update Lens
</MenuItem>
</Menu>