From 171ba7ef99464dd7c3d151b552df7baa76cc340c Mon Sep 17 00:00:00 2001
From: PriJoh <Johanna.Prinz@payex.com>
Date: Tue, 17 Dec 2024 15:03:32 +0100
Subject: [PATCH] pfe-107 Changed src for brand payEx image

---
 .../components/Card/constantspayex.js            | 16 ++++++----------
 .../components/Card/index.js                     |  8 +++++++-
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/App/ComponentsDocumentation/components/Card/constantspayex.js b/src/App/ComponentsDocumentation/components/Card/constantspayex.js
index 261033776f..b24ad42755 100644
--- a/src/App/ComponentsDocumentation/components/Card/constantspayex.js
+++ b/src/App/ComponentsDocumentation/components/Card/constantspayex.js
@@ -35,7 +35,7 @@ export const overviewCards = {
 					isButton={defaultOptionsValues.isButton}
 					isWide={false}
 					hasTitle={defaultOptionsValues.hasTitle}
-					imgSrc={defaultOptionsValues.imgSrc}
+					imgSrc={imgSrcURL}
 					iconClasses={defaultOptionsValues.iconClasses}
 					hasTextContent={defaultOptionsValues.hasTextContent}
 					imgRatio={defaultOptionsValues.imgRatio}
@@ -85,8 +85,7 @@ export const overviewCards = {
 							{
 								name: "With image - 16/9 ratio",
 								value: {
-									imgSrc:
-										"https://design.swedbankpay.com/v/10.10.1/img/documentation/imagery/women-on-bus.svg",
+									imgSrc: imgSrcURL,
 									icon: null,
 									imgRatio: "ratio-16-9",
 								},
@@ -94,8 +93,7 @@ export const overviewCards = {
 							{
 								name: "With image - 4/3 ratio",
 								value: {
-									imgSrc:
-										"https://design.swedbankpay.com/v/10.10.1/img/documentation/imagery/women-on-bus.svg",
+									imgSrc: imgSrcURL,
 									icon: null,
 									imgRatio: "ratio-4-3",
 								},
@@ -103,8 +101,7 @@ export const overviewCards = {
 							{
 								name: "With image - 1/1 ratio",
 								value: {
-									imgSrc:
-										"https://design.swedbankpay.com/v/10.10.1/img/documentation/imagery/women-on-bus.svg",
+									imgSrc: imgSrcURL,
 									icon: null,
 									imgRatio: "ratio-1-1",
 								},
@@ -185,7 +182,7 @@ export const overviewCards = {
 					isButton={defaultOptionsValues.isButton}
 					isWide={true}
 					hasTitle={defaultOptionsValues.hasTitle}
-					imgSrc={defaultOptionsValues.imgSrc}
+					imgSrc={imgSrcURL}
 					iconClasses={defaultOptionsValues.iconClasses}
 					hasTextContent={defaultOptionsValues.hasTextContent}
 					imgRatio={defaultOptionsValues.imgRatio}
@@ -236,8 +233,7 @@ export const overviewCards = {
 							{
 								name: "With image",
 								value: {
-									imgSrc:
-										"https://design.swedbankpay.com/v/10.10.1/img/documentation/imagery/women-on-bus.svg",
+									imgSrc: imgSrcURL,
 									icon: null,
 									imgRatio: null,
 								},
diff --git a/src/App/ComponentsDocumentation/components/Card/index.js b/src/App/ComponentsDocumentation/components/Card/index.js
index fad17cad99..625b100c9d 100644
--- a/src/App/ComponentsDocumentation/components/Card/index.js
+++ b/src/App/ComponentsDocumentation/components/Card/index.js
@@ -8,7 +8,7 @@ import CardComponent from "@components/Card";
 
 import MediaObject from "@components/MediaObject";
 import CodeTags from "@components/CodeTags";
-import { overviewCards } from "./constants";
+//import { overviewCards } from "./constants";
 
 const textArr = [
     "This is a lot of text",
@@ -20,6 +20,12 @@ const textArr = [
 const basename = process.env.basename;
 const brand = process.env.brand;
 
+const constants = brand === "payex"
+    ? require("./constantspayex") // Hämtar payex-konstanten
+    : require("./constants"); // Hämtar swedbankpay-konstanten
+
+export const { overviewCards } = constants;
+
 const Overview = () => {
 	return (
 		<>