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 avatar in cluster icon settings

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-11-29 12:59:34 +03:00
parent dddcff3e02
commit 7d6c89a9f3
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/renderer/components/+entity-settings/entity-settings.tsx
View File

@ -101,6 +101,7 @@ export class EntitySettings extends React.Component<Props> {
colorHash={`${this.entity.metadata.name}-${this.entity.metadata.source}`} colorHash={`${this.entity.metadata.name}-${this.entity.metadata.source}`}
src={this.entity.spec.icon?.src} src={this.entity.spec.icon?.src}
className={styles.settingsAvatar} className={styles.settingsAvatar}
size={40}
/> />
<div className={styles.entityName}> <div className={styles.entityName}>
{this.entity.metadata.name} {this.entity.metadata.name}

7
src/renderer/components/cluster-settings/components/cluster-icon-settings.tsx
View File

@ -24,10 +24,10 @@ import type { Cluster } from "../../../../main/cluster";
import { boundMethod } from "../../../utils"; import { boundMethod } from "../../../utils";
import { observable } from "mobx"; import { observable } from "mobx";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { HotbarIcon } from "../../hotbar/hotbar-icon";
import type { KubernetesCluster } from "../../../../common/catalog-entities"; import type { KubernetesCluster } from "../../../../common/catalog-entities";
import { FilePicker, OverSizeLimitStyle } from "../../file-picker"; import { FilePicker, OverSizeLimitStyle } from "../../file-picker";
import { MenuActions, MenuItem } from "../../menu"; import { MenuActions, MenuItem } from "../../menu";
import { Avatar } from "../../avatar/avatar";
enum GeneralInputStatus { enum GeneralInputStatus {
CLEAN = "clean", CLEAN = "clean",
@ -86,10 +86,9 @@ export class ClusterIconSetting extends React.Component<Props> {
<FilePicker <FilePicker
accept="image/*" accept="image/*"
label={ label={
<HotbarIcon <Avatar
uid={entity.metadata.uid} colorHash={`${entity.metadata.name}-${entity.metadata.source}`}
title={entity.metadata.name} title={entity.metadata.name}
source={entity.metadata.source}
src={entity.spec.icon?.src} src={entity.spec.icon?.src}
size={53} size={53}
/> />