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

Fix use transparent bg if Avatar contains <img/> inside (#5131)

Browse Source
This commit is contained in:
Alex Andreev 2022-03-29 17:02:18 +03:00 committed by GitHub
parent 13632e8380
commit dd0cb8594c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/renderer/components/avatar/avatar.tsx
View File

@ -59,6 +59,10 @@ export function Avatar(props: AvatarProps) {
const { title, variant = "rounded", size = 32, colorHash, children, background, imgProps, src, className, disabled, ...rest } = props;
const getBackgroundColor = () => {
if (src) {
return "transparent";
}
return background || randomColor({ seed: colorHash, luminosity: "dark" });
};

5
src/renderer/components/layout/sidebar-cluster.tsx
View File

@ -16,6 +16,7 @@ import { navigate } from "../../navigation";
import { Menu, MenuItem } from "../menu";
import { ConfirmDialog } from "../confirm-dialog";
import { Tooltip } from "../tooltip";
import { observer } from "mobx-react";
const contextMenu: CatalogEntityContextMenuContext = observable({
menuItems: [],
@ -59,7 +60,7 @@ function renderLoadingSidebarCluster() {
);
}
export function SidebarCluster({ clusterEntity }: { clusterEntity: CatalogEntity }) {
export const SidebarCluster = observer(({ clusterEntity }: { clusterEntity: CatalogEntity }) => {
const [opened, setOpened] = useState(false);
if (!clusterEntity) {
@ -138,4 +139,4 @@ export function SidebarCluster({ clusterEntity }: { clusterEntity: CatalogEntity
</Menu>
</div>
);
}
});