From f7b05c39f9f01076fda8ffe331e033303e423da7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20G=C3=B3is?= <github@nunogois.com>
Date: Fri, 12 May 2023 15:34:59 +0100
Subject: [PATCH] fix: demo userId screenshot path (#3761)

Fixes an issue where the userId screenshot did not load correctly.
---
 frontend/src/component/demo/demo-topics.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/component/demo/demo-topics.tsx b/frontend/src/component/demo/demo-topics.tsx
index 6ce22a683c..2e66dc9288 100644
--- a/frontend/src/component/demo/demo-topics.tsx
+++ b/frontend/src/component/demo/demo-topics.tsx
@@ -3,7 +3,7 @@ import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
 import { Badge } from 'component/common/Badge/Badge';
 import { Step } from 'react-joyride';
 import { gradualRollout, variants } from './demo-setup';
-import { basePath } from 'utils/formatPath';
+import { basePath, formatAssetPath } from 'utils/formatPath';
 import userIdImage from 'assets/img/userId-image.png';
 
 export interface ITutorialTopicStep extends Step {
@@ -226,7 +226,7 @@ export const TOPICS: ITutorialTopic[] = [
                             You can find your userId on the demo page.
                         </Badge>
                         <StyledImg
-                            src={userIdImage}
+                            src={formatAssetPath(userIdImage)}
                             alt="You can find your userId on the demo page."
                         />
                         <Description sx={{ mt: 1 }}>
@@ -577,7 +577,7 @@ export const TOPICS: ITutorialTopic[] = [
                             You can find your userId on the demo page.
                         </Badge>
                         <StyledImg
-                            src={userIdImage}
+                            src={formatAssetPath(userIdImage)}
                             alt="You can find your userId on the demo page."
                         />
                         <Description sx={{ mt: 1 }}>