From 6d473164ab044ff4413220ec94815b32626a98b9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20G=C3=B3is?= <github@nunogois.com>
Date: Wed, 17 May 2023 09:47:19 +0100
Subject: [PATCH] refactor: rename demo img assets (#3795)

Small PR that simply renames `demo`-related assets for better
organization and readability.
---
 frontend/src/assets/img/{demoQR.png => demo-qr.png} | Bin
 .../img/{userId-image.png => demo-userid.png}       | Bin
 .../DemoDialogWelcome/DemoDialogWelcome.tsx         |   4 ++--
 frontend/src/component/demo/demo-topics.tsx         |   6 +++---
 4 files changed, 5 insertions(+), 5 deletions(-)
 rename frontend/src/assets/img/{demoQR.png => demo-qr.png} (100%)
 rename frontend/src/assets/img/{userId-image.png => demo-userid.png} (100%)

diff --git a/frontend/src/assets/img/demoQR.png b/frontend/src/assets/img/demo-qr.png
similarity index 100%
rename from frontend/src/assets/img/demoQR.png
rename to frontend/src/assets/img/demo-qr.png
diff --git a/frontend/src/assets/img/userId-image.png b/frontend/src/assets/img/demo-userid.png
similarity index 100%
rename from frontend/src/assets/img/userId-image.png
rename to frontend/src/assets/img/demo-userid.png
diff --git a/frontend/src/component/demo/DemoDialog/DemoDialogWelcome/DemoDialogWelcome.tsx b/frontend/src/component/demo/DemoDialog/DemoDialogWelcome/DemoDialogWelcome.tsx
index 7837a3117e..fc3ace03d1 100644
--- a/frontend/src/component/demo/DemoDialog/DemoDialogWelcome/DemoDialogWelcome.tsx
+++ b/frontend/src/component/demo/DemoDialog/DemoDialogWelcome/DemoDialogWelcome.tsx
@@ -1,5 +1,5 @@
 import { Button, Divider, Typography, styled } from '@mui/material';
-import qrImage from 'assets/img/demoQR.png';
+import demoQR from 'assets/img/demo-qr.png';
 import { formatAssetPath } from 'utils/formatPath';
 import { Launch } from '@mui/icons-material';
 import { DemoDialog } from '../DemoDialog';
@@ -72,7 +72,7 @@ export const DemoDialogWelcome = ({
                     Scan the QR code with your phone
                 </StyledScanMessage>
                 <StyledQRCode
-                    src={formatAssetPath(qrImage)}
+                    src={formatAssetPath(demoQR)}
                     alt="Demo QR Code"
                 />
                 <StyledDivider>OR</StyledDivider>
diff --git a/frontend/src/component/demo/demo-topics.tsx b/frontend/src/component/demo/demo-topics.tsx
index 2e66dc9288..72efc9fa67 100644
--- a/frontend/src/component/demo/demo-topics.tsx
+++ b/frontend/src/component/demo/demo-topics.tsx
@@ -4,7 +4,7 @@ import { Badge } from 'component/common/Badge/Badge';
 import { Step } from 'react-joyride';
 import { gradualRollout, variants } from './demo-setup';
 import { basePath, formatAssetPath } from 'utils/formatPath';
-import userIdImage from 'assets/img/userId-image.png';
+import demoUserId from 'assets/img/demo-userid.png';
 
 export interface ITutorialTopicStep extends Step {
     href?: string;
@@ -226,7 +226,7 @@ export const TOPICS: ITutorialTopic[] = [
                             You can find your userId on the demo page.
                         </Badge>
                         <StyledImg
-                            src={formatAssetPath(userIdImage)}
+                            src={formatAssetPath(demoUserId)}
                             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={formatAssetPath(userIdImage)}
+                            src={formatAssetPath(demoUserId)}
                             alt="You can find your userId on the demo page."
                         />
                         <Description sx={{ mt: 1 }}>