From 16ccf332124610a2ad70076e5efe2d67c0b569a5 Mon Sep 17 00:00:00 2001
From: Arthur de Moulins <arthurdemoulins@gmail.com>
Date: Thu, 14 Dec 2023 13:50:19 +0100
Subject: [PATCH] WIP

---
 dashboard/client/src/Root.tsx         | 15 ++++++++++-----
 dashboard/client/src/declaration.d.ts |  4 ++++
 2 files changed, 14 insertions(+), 5 deletions(-)
 create mode 100644 dashboard/client/src/declaration.d.ts

diff --git a/dashboard/client/src/Root.tsx b/dashboard/client/src/Root.tsx
index d8c62b840..3c9f981ae 100644
--- a/dashboard/client/src/Root.tsx
+++ b/dashboard/client/src/Root.tsx
@@ -4,6 +4,11 @@ import ClientApp from './ClientApp.tsx';
 import config from './config.ts';
 import ApiIcon from "@mui/icons-material/Api";
 import SellIcon from '@mui/icons-material/Sell';
+import keycloakImg from './images/keycloak.png'
+import databoxImg from './images/databox.png'
+import uploaderImg from './images/uploader.png'
+import exposeImg from './images/expose.png'
+import notifyImg from './images/notify.png'
 
 type Props = {};
 
@@ -63,7 +68,7 @@ export default function Root({}: Props) {
                     mainUrl={KEYCLOAK_URL}
                     title={`Identity Manager`}
                     description={`Keycloak IAM`}
-                    logo={'/src/images/keycloak.png'}
+                    logo={keycloakImg}
                 />
                 {DATABOX_API_URL && (
                     <ClientApp
@@ -71,7 +76,7 @@ export default function Root({}: Props) {
                         clientUrl={DATABOX_CLIENT_URL}
                         title={`Databox`}
                         description={`Your DAM`}
-                        logo={'/src/images/databox.png'}
+                        logo={databoxImg}
                     />
                 )}
                 {EXPOSE_API_URL && (
@@ -80,7 +85,7 @@ export default function Root({}: Props) {
                         clientUrl={EXPOSE_CLIENT_URL}
                         title={`Expose`}
                         description={`Share Publications`}
-                        logo={'/src/images/expose.png'}
+                        logo={exposeImg}
                     />
                 )}
                 {UPLOADER_API_URL && (
@@ -89,7 +94,7 @@ export default function Root({}: Props) {
                         clientUrl={UPLOADER_CLIENT_URL}
                         title={`Uploader`}
                         description={`Standalone Asset deposit`}
-                        logo={'/src/images/uploader.png'}
+                        logo={uploaderImg}
                     />
                 )}
                 {NOTIFY_API_URL && (
@@ -97,7 +102,7 @@ export default function Root({}: Props) {
                         mainUrl={`${NOTIFY_API_URL}/admin`}
                         title={`Notify Admin`}
                         description={`Mail Sender`}
-                        logo={'/src/images/notify.png'}
+                        logo={notifyImg}
                         links={[
                             {
                                 icon: <ApiIcon />,
diff --git a/dashboard/client/src/declaration.d.ts b/dashboard/client/src/declaration.d.ts
new file mode 100644
index 000000000..bdb95ec89
--- /dev/null
+++ b/dashboard/client/src/declaration.d.ts
@@ -0,0 +1,4 @@
+declare module '*.png' {
+    const pngPath: string;
+    export default pngPath;
+}