From 73fd06778643106a33ef856e18afd9c51e477fbb Mon Sep 17 00:00:00 2001
From: Sakshyam Shah <sshah@goteleport.com>
Date: Mon, 16 Dec 2024 14:17:54 -0500
Subject: [PATCH] [v17] render AWS account icon for Identity Center account app
 (#50284)

* aws account icon for identity center account app

* remove svg class
---
 .../design/src/ResourceIcon/assets/aws-account.svg         | 6 ++++++
 web/packages/design/src/ResourceIcon/icons.ts              | 2 ++
 web/packages/design/src/ResourceIcon/resourceIconSpecs.ts  | 1 +
 .../components/UnifiedResources/shared/guessAppIcon.ts     | 7 ++++++-
 4 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 web/packages/design/src/ResourceIcon/assets/aws-account.svg

diff --git a/web/packages/design/src/ResourceIcon/assets/aws-account.svg b/web/packages/design/src/ResourceIcon/assets/aws-account.svg
new file mode 100644
index 0000000000000..7495e38130bd0
--- /dev/null
+++ b/web/packages/design/src/ResourceIcon/assets/aws-account.svg
@@ -0,0 +1,6 @@
+<svg width="2048px" height="2048px" viewBox="0 0 2048 2048" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill="#F7A80D" d="M957.8 1775L294.42 1537L283.79 1533.2L283.79 1522L283.79 549.69L283.79 527.37L304.92 534.57L968.3 760.61L979.17 764.31L979.17 775.73L979.17 1760L979.17 1782.7z" />
+  <path fill="#F7A80D" d="M1753.6 1537L1090.2 1775L1068.8 1782.7L1068.8 1760L1068.8 775.73L1068.8 764.31L1079.7 760.61L1743.1 534.57L1764.2 527.37L1764.2 549.69L1764.2 1522L1764.2 1533.2z" />
+  <path fill="#F7A80D" d="M363.66 461.6L1035 272.63L1044.2 272.81L1666.8 473.53L1667 503.84L1044.5 715.19L1034.4 715.19L362.97 492.1z" />
+  <path fill="none" d="M0 0h2048v2048H0Z" />
+</svg>
\ No newline at end of file
diff --git a/web/packages/design/src/ResourceIcon/icons.ts b/web/packages/design/src/ResourceIcon/icons.ts
index 8595076221a6c..69656120a82b8 100644
--- a/web/packages/design/src/ResourceIcon/icons.ts
+++ b/web/packages/design/src/ResourceIcon/icons.ts
@@ -47,6 +47,7 @@ import auth0Light from './assets/auth0-light.svg';
 import avalara from './assets/avalara.svg';
 import awsDark from './assets/aws-dark.svg';
 import awsLight from './assets/aws-light.svg';
+import awsAccount from './assets/aws-account.svg';
 import azure from './assets/azure.svg';
 import bill from './assets/bill.svg';
 import bonusly from './assets/bonusly.svg';
@@ -333,6 +334,7 @@ export {
   avalara,
   awsDark,
   awsLight,
+  awsAccount,
   azure,
   bill,
   bonusly,
diff --git a/web/packages/design/src/ResourceIcon/resourceIconSpecs.ts b/web/packages/design/src/ResourceIcon/resourceIconSpecs.ts
index 80007e3a1e4c8..17ffe26bbdaeb 100644
--- a/web/packages/design/src/ResourceIcon/resourceIconSpecs.ts
+++ b/web/packages/design/src/ResourceIcon/resourceIconSpecs.ts
@@ -59,6 +59,7 @@ export const resourceIconSpecs = {
   auth0: { dark: i.auth0Dark, light: i.auth0Light },
   avalara: forAllThemes(i.avalara),
   aws: { dark: i.awsDark, light: i.awsLight },
+  awsaccount: forAllThemes(i.awsAccount),
   azure: forAllThemes(i.azure),
 
   bill: forAllThemes(i.bill),
diff --git a/web/packages/shared/components/UnifiedResources/shared/guessAppIcon.ts b/web/packages/shared/components/UnifiedResources/shared/guessAppIcon.ts
index b49ffc816da0d..6124b7edc67ed 100644
--- a/web/packages/shared/components/UnifiedResources/shared/guessAppIcon.ts
+++ b/web/packages/shared/components/UnifiedResources/shared/guessAppIcon.ts
@@ -22,10 +22,12 @@ import {
   iconNames,
 } from 'design/ResourceIcon';
 
+import { AppSubKind } from 'teleport/services/apps';
+
 import { UnifiedResourceApp } from '../types';
 
 export function guessAppIcon(resource: UnifiedResourceApp): ResourceIconName {
-  const { awsConsole = false, name, friendlyName, labels } = resource;
+  const { awsConsole = false, name, friendlyName, labels, subKind } = resource;
 
   // Label matching takes precedence and we can assume it can be a direct lookup
   // since we expect a certain format.
@@ -41,6 +43,9 @@ export function guessAppIcon(resource: UnifiedResourceApp): ResourceIconName {
   if (awsConsole) {
     return 'aws';
   }
+  if (subKind === AppSubKind.AwsIcAccount) {
+    return 'awsaccount';
+  }
 
   const app = {
     name: withoutWhiteSpaces(name)?.toLocaleLowerCase(),