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

Rendering close button in cluster view

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-05-21 12:06:55 +03:00
parent 76d3a4b180
commit 2c1426e397
2 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/renderer/components/layout/main-layout-header.tsx
View File

@ -21,8 +21,14 @@
import React from "react";
import { observer } from "mobx-react";
import type { Cluster } from "../../../main/cluster";
import { cssNames } from "../../utils";
import { Icon } from "../icon";
import { MaterialTooltip } from "../+catalog/material-tooltip/material-tooltip";
import { catalogURL } from "../+catalog";
import { broadcastMessage } from "../../../common/ipc";
import { IpcRendererNavigationEvents } from "../../navigation/events";
import type { Cluster } from "../../../main/cluster";
interface Props {
cluster: Cluster
@ -33,6 +39,13 @@ export const MainLayoutHeader = observer(({ cluster, className }: Props) => {
return (
<header className={cssNames("flex gaps align-center justify-space-between", className)}>
<span className="cluster">{cluster.name}</span>
<div className="closeIde">
<MaterialTooltip title="Back to Catalog" placement="left">
<Icon style={{ cursor: "default" }} material="close" onClick={() =>
broadcastMessage(IpcRendererNavigationEvents.NAVIGATE_IN_APP, catalogURL())
} />
</MaterialTooltip>
</div>
</header>
);
});

1
src/renderer/components/layout/sidebar.scss
View File

@ -61,6 +61,7 @@
.pin-icon {
margin: auto;
margin-right: $padding / 2;
cursor: default;
}
}