fix(addons): fix icon display issue, use gravyvalet icon

src/app/shared/components/addons/addon-card/addon-card.component.html

@@ -1,12 +1,7 @@
 <div class="addon-card flex flex-1 gap-4 flex-column p-5">
   <div class="max-h-8rem flex justify-content-center align-items-center">
-    @if (actualAddon()?.externalServiceName) {
-      <img
-        class="addon-image"
-        alt="Addon card image"
-        [src]="'assets/icons/addons/' + actualAddon()!.externalServiceName + '.svg'"
-        data-test-addon-card-logo
-      />
+    @if (actualAddon()?.iconUrl) {
+      <img class="addon-image" alt="Addon card image" [src]="actualAddon()!.iconUrl" data-test-addon-card-logo />
     }
   </div>
 

src/app/shared/mappers/addon.mapper.ts

@@ -25,6 +25,7 @@ export class AddonMapper {
       supportedResourceTypes: response.attributes.supported_resource_types,
       credentialsFormat: response.attributes.credentials_format,
       providerName: response.attributes.display_name,
+      iconUrl: response.attributes.icon_url,
     };
   }
 

src/app/shared/mocks/addon.mock.ts

@@ -11,4 +11,5 @@ export const MOCK_ADDON: AddonModel = {
   credentialsFormat: CredentialsFormat.ACCESS_SECRET_KEYS,
   providerName: 'Test Provider',
   wbKey: 'github',
+  iconUrl: 'https://test.com/icon.png',
 };

src/app/shared/models/addons/addons.models.ts

@@ -9,6 +9,7 @@ export interface AddonGetResponseJsonApi {
     external_service_name: string;
     credentials_format: string;
     wb_key: string;
+    icon_url: string;
     [key: string]: unknown;
   };
   relationships: {
@@ -103,6 +104,7 @@ export interface AddonModel {
   credentialsFormat: string;
   providerName: string;
   wbKey: string;
+  iconUrl: string;
 }
 
 export interface IncludedAddonData {

src/app/shared/models/addons/authorized-account.model.ts

@@ -15,4 +15,5 @@ export interface AuthorizedAccountModel {
   supportedFeatures: string[];
   providerName: string;
   credentialsFormat: string;
+  iconUrl?: string;
 }

src/app/shared/models/addons/configured-addon.model.ts

@@ -13,4 +13,5 @@ export interface ConfiguredAddonModel {
   baseAccountType: string;
   externalStorageServiceId?: string;
   rootFolderId?: string;
+  iconUrl?: string;
 }