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

add catalog to bottom bar

Browse Source 
Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>
This commit is contained in:
Jari Kolehmainen 2021-04-07 20:15:43 +03:00
parent 8107a0402d
commit 3e12d6fe92
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/renderer/components/cluster-manager/bottom-bar.scss
View File

@ -6,7 +6,7 @@
padding: 0 2px; padding: 0 2px;
height: var(--bottom-bar-height); height: var(--bottom-bar-height);
#current-workspace { #catalog-link {
font-size: var(--font-size-small); font-size: var(--font-size-small);
color: white; color: white;
padding: $padding / 4 $padding / 2; padding: $padding / 4 $padding / 2;

7
src/renderer/components/cluster-manager/bottom-bar.tsx
View File

@ -3,6 +3,9 @@ import "./bottom-bar.scss";
import React from "react"; import React from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { StatusBarRegistration, statusBarRegistry } from "../../../extensions/registries"; import { StatusBarRegistration, statusBarRegistry } from "../../../extensions/registries";
import { navigate } from "../../navigation";
import { catalogURL } from "../+catalog";
import { Icon } from "../icon";
@observer @observer
export class BottomBar extends React.Component { export class BottomBar extends React.Component {
@ -43,6 +46,10 @@ export class BottomBar extends React.Component {
render() { render() {
return ( return (
<div className="BottomBar flex gaps"> <div className="BottomBar flex gaps">
<div id="catalog-link" data-test-id="catalog-link" className="flex gaps align-center" onClick={() => navigate(catalogURL())}>
<Icon smallest material="view_list"/>
<span className="workspace-name" data-test-id="current-workspace-name">Catalog</span>
</div>
{this.renderRegisteredItems()} {this.renderRegisteredItems()}
</div> </div>
); );