From de63f7ea6237d529cbb38f732c13177c464d54e3 Mon Sep 17 00:00:00 2001
From: lavanya-bmw <106523828+lavanya-bmw@users.noreply.github.com>
Date: Mon, 11 Sep 2023 19:44:33 +0530
Subject: [PATCH] bugfix(service overview): add service overview card image
 (#258)

---
 CHANGELOG.md                               | 1 +
 src/features/apps/mapper.ts                | 6 ++++++
 src/features/serviceManagement/apiSlice.ts | 2 ++
 3 files changed, 9 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 10b173f05..424d3a126 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -14,6 +14,7 @@
   - Enable credential reset
 - Serview Overview
   - Added Sub menu for active services in service overview
+  - Added image to service overview cards
 - Sub Navigation Header
   - Align label to the left
 - Data Space
diff --git a/src/features/apps/mapper.ts b/src/features/apps/mapper.ts
index 15b8bd10f..b42d79fdd 100644
--- a/src/features/apps/mapper.ts
+++ b/src/features/apps/mapper.ts
@@ -81,6 +81,12 @@ export const serviceToCard = (app: ProvidedServiceType): CardItems => ({
   statusText: app.status,
   subtitle: app.provider,
   title: app.name ?? '',
+  image: {
+    src: app.leadPictureId
+      ? `${getApiBase()}/api/administration/documents/${app.leadPictureId}`
+      : LogoGrayData,
+    alt: app.name,
+  },
 })
 
 // mapper to create the app card used for the app access management view on the user management page
diff --git a/src/features/serviceManagement/apiSlice.ts b/src/features/serviceManagement/apiSlice.ts
index 2a6d15bad..3db30ed72 100644
--- a/src/features/serviceManagement/apiSlice.ts
+++ b/src/features/serviceManagement/apiSlice.ts
@@ -110,7 +110,9 @@ export interface ProvidedServiceType {
   name: string
   provider: string
   status: ProvidedServiceStatusEnum
+  leadPictureId?: string
 }
+
 export interface ProvidedServices {
   meta: {
     totalElements: number