From 4a5a827896847d72f720ae6ed90902b211b9e04b Mon Sep 17 00:00:00 2001
From: Ulises Rangel <urangel@specterops.io>
Date: Thu, 12 Oct 2023 16:08:15 -0500
Subject: [PATCH] fix: include base url in img srcs (#147)

---
 cmd/ui/src/components/Header.tsx                       | 2 +-
 cmd/ui/src/components/LoginPage.tsx                    | 2 +-
 cmd/ui/src/views/Explore/ExploreSearch/CypherInput.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/cmd/ui/src/components/Header.tsx b/cmd/ui/src/components/Header.tsx
index 4fdd9e5ac8..38e262f6f3 100644
--- a/cmd/ui/src/components/Header.tsx
+++ b/cmd/ui/src/components/Header.tsx
@@ -124,7 +124,7 @@ const Header: React.FC = () => {
                 <Box height='100%' paddingY='6px' boxSizing='border-box'>
                     <Link component={RouterLink} to={routes.ROUTE_HOME} data-testid='global_header_nav-home'>
                         <img
-                            src={'/img/logo-transparent-banner.svg'}
+                            src={`${import.meta.env.BASE_URL}/img/logo-transparent-banner.svg`}
                             alt='BloodHound CE Home'
                             style={{
                                 height: '100%',
diff --git a/cmd/ui/src/components/LoginPage.tsx b/cmd/ui/src/components/LoginPage.tsx
index 7458fa1881..eed0e96597 100644
--- a/cmd/ui/src/components/LoginPage.tsx
+++ b/cmd/ui/src/components/LoginPage.tsx
@@ -28,7 +28,7 @@ const LoginPage: React.FC<LoginPageProps> = ({ children }) => {
                     <Paper sx={{ px: 8, pb: 8, pt: 4 }}>
                         <Box height='100%' width='auto' textAlign='center' boxSizing='content-box' padding='64px'>
                             <img
-                                src={'/img/logo-transparent-full.svg'}
+                                src={`${import.meta.env.BASE_URL}/img/logo-transparent-full.svg`}
                                 alt='BloodHound'
                                 style={{
                                     width: '100%',
diff --git a/cmd/ui/src/views/Explore/ExploreSearch/CypherInput.tsx b/cmd/ui/src/views/Explore/ExploreSearch/CypherInput.tsx
index ba759ef732..1aaf9860f6 100644
--- a/cmd/ui/src/views/Explore/ExploreSearch/CypherInput.tsx
+++ b/cmd/ui/src/views/Explore/ExploreSearch/CypherInput.tsx
@@ -191,7 +191,7 @@ const CypherInput = () => {
                 /*What is graphed will never die*/ toggle && (
                     <div style={{ display: 'block', position: 'relative', bottom: 0, left: 0 }}>
                         <img
-                            src={'/img/logo-animated.gif'}
+                            src={`${import.meta.env.BASE_URL}/img/logo-animated.gif`}
                             alt='What is graphed will never die'
                             style={{ width: '200px' }}
                         />