1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00

add catalog to bottom bar

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

View File

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

View File

@ -3,6 +3,9 @@ import "./bottom-bar.scss";
import React from "react";
import { observer } from "mobx-react";
import { StatusBarRegistration, statusBarRegistry } from "../../../extensions/registries";
import { navigate } from "../../navigation";
import { catalogURL } from "../+catalog";
import { Icon } from "../icon";
@observer
export class BottomBar extends React.Component {
@ -43,6 +46,10 @@ export class BottomBar extends React.Component {
render() {
return (
<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()}
</div>
);