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 && (
)}
{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: ,
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;
+}