From 825c83e9358c275fad5e0bf3264e548e8b431f2e Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Thu, 16 Mar 2023 15:57:32 +0300
Subject: [PATCH] Set avatar backgrounds from entity

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 .../src/renderer/components/+entity-settings/entity-settings.tsx | 1 +
 .../src/renderer/components/cluster-settings/icon-settings.tsx   | 1 +
 packages/core/src/renderer/components/layout/sidebar-cluster.tsx | 1 +
 3 files changed, 3 insertions(+)

diff --git a/packages/core/src/renderer/components/+entity-settings/entity-settings.tsx b/packages/core/src/renderer/components/+entity-settings/entity-settings.tsx
index 8b7fd9f4ce..a5ed1b1c06 100644
--- a/packages/core/src/renderer/components/+entity-settings/entity-settings.tsx
+++ b/packages/core/src/renderer/components/+entity-settings/entity-settings.tsx
@@ -60,6 +60,7 @@ const NonInjectedCatalogEntitySettings = observer((props: CatalogEntitySettingsP
           colorHash={`${entity.getName()}-${entity.metadata.source}`}
           src={entity.spec.icon?.src}
           className={styles.settingsAvatar}
+          background={entity.spec.icon?.background}
           size={40}
         />
         <div className={styles.entityName}>
diff --git a/packages/core/src/renderer/components/cluster-settings/icon-settings.tsx b/packages/core/src/renderer/components/cluster-settings/icon-settings.tsx
index cd66c50694..94706f17a5 100644
--- a/packages/core/src/renderer/components/cluster-settings/icon-settings.tsx
+++ b/packages/core/src/renderer/components/cluster-settings/icon-settings.tsx
@@ -67,6 +67,7 @@ const NonInjectedClusterIconSetting = observer((props: ClusterIconSettingProps &
                 title={entity.getName()}
                 src={entity.spec.icon?.src}
                 size={53}
+                background={entity.spec.icon?.background}
               />
             )}
             onOverSizeLimit={OverSizeLimitStyle.FILTER}
diff --git a/packages/core/src/renderer/components/layout/sidebar-cluster.tsx b/packages/core/src/renderer/components/layout/sidebar-cluster.tsx
index 24b0622a85..ba5ae7e387 100644
--- a/packages/core/src/renderer/components/layout/sidebar-cluster.tsx
+++ b/packages/core/src/renderer/components/layout/sidebar-cluster.tsx
@@ -111,6 +111,7 @@ const NonInjectedSidebarCluster = observer(({
         colorHash={`${clusterEntity.getName()}-${clusterEntity.metadata.source}`}
         size={40}
         src={clusterEntity.spec.icon?.src}
+        background={clusterEntity.spec.icon?.background}
         className={styles.avatar}
       />
       <div className={styles.clusterName} id={tooltipId}>