feat: new backend type icons - kafka, sqs (#675)

* feat: backend type icons for Kafka and SQS

Author: arjunlalb

projects/observability/assets/icons/amazon-sqs.svg

@@ -42,5 +42,7 @@ export const enum BackendType {
   RabbitMQ = 'RABBIT_MQ',
   Redis = 'REDIS',
   Tyk = 'TYK',
-  JDBC = 'JDBC'
+  JDBC = 'JDBC',
+  KAFKA = 'KAFKA',
+  SQS = 'SQS'
 }

projects/observability/assets/icons/kafka.svg

@@ -22,6 +22,7 @@ const iconsRootPath = 'assets/icons';
       { key: ObservabilityIconType.Helm, url: `${iconsRootPath}/helm.svg` },
       { key: ObservabilityIconType.HTTP, url: `${iconsRootPath}/http.svg` },
       { key: ObservabilityIconType.JDBC, url: `${iconsRootPath}/jdbc.svg` },
+      { key: ObservabilityIconType.Kafka, url: `${iconsRootPath}/kafka.svg` },
       { key: ObservabilityIconType.Kong, url: `${iconsRootPath}/kong.svg` },
       { key: ObservabilityIconType.Kubernetes, url: `${iconsRootPath}/kubernetes.svg` },
       { key: ObservabilityIconType.MicrosoftAzure, url: `${iconsRootPath}/microsoft-azure.svg` },
@@ -37,6 +38,7 @@ const iconsRootPath = 'assets/icons';
       { key: ObservabilityIconType.Serverless, url: `${iconsRootPath}/serverless.svg` },
       { key: ObservabilityIconType.Service, url: `${iconsRootPath}/service.svg` },
       { key: ObservabilityIconType.ServicesList, url: `${iconsRootPath}/services_list.svg` },
+      { key: ObservabilityIconType.SQS, url: `${iconsRootPath}/amazon-sqs.svg` },
       { key: ObservabilityIconType.Tyk, url: `${iconsRootPath}/tyk.svg` }
     ])
   ]

projects/observability/src/shared/graphql/model/schema/entity.ts

@@ -14,6 +14,7 @@ export const enum ObservabilityIconType {
   Helm = 'svg:helm',
   HTTP = 'svg:http',
   JDBC = 'svg:jdbc',
+  Kafka = 'svg:kafka',
   Kong = 'svg:kong',
   Kubernetes = 'svg:kubernetes',
   MicrosoftAzure = 'svg:microsoft-azure',
@@ -29,5 +30,6 @@ export const enum ObservabilityIconType {
   Serverless = 'svg:serverless',
   Service = 'svg:service',
   ServicesList = 'svg:services-list',
+  SQS = 'svg:amazon-sqs',
   Tyk = 'svg:tyk'
 }

projects/observability/src/shared/icons/observability-icon-library.module.ts

@@ -35,6 +35,7 @@ export class EntityIconLookupService {
     return this.forBackendType(entity[backendTypeKey] as string | undefined);
   }
 
+  // tslint:disable: cyclomatic-complexity
   public forBackendType(backendType?: string): string {
     switch (backendType) {
       case BackendType.AWS:
@@ -61,6 +62,9 @@ export class EntityIconLookupService {
       case BackendType.JDBC:
         return ObservabilityIconType.JDBC;
 
+      case BackendType.KAFKA:
+        return ObservabilityIconType.Kafka;
+
       case BackendType.Kong:
         return ObservabilityIconType.Kong;
 
@@ -91,6 +95,9 @@ export class EntityIconLookupService {
       case BackendType.Redis:
         return ObservabilityIconType.Redis;
 
+      case BackendType.SQS:
+        return ObservabilityIconType.SQS;
+
       case BackendType.Tyk:
         return ObservabilityIconType.Tyk;