SMA 111 added / to paths

MatejFrnka · Apr 30, 2024 · 2e9db2d · 2e9db2d
1 parent 755e0e5
commit 2e9db2d
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 9 deletions.
diff --git a/frontend/sportsmatch-app/index.html b/frontend/sportsmatch-app/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="assets/favicon.png" />
+    <link rel="icon" type="image/svg+xml" href="/assets/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>SPORTS MINGLE</title>
   </head>

diff --git a/frontend/sportsmatch-app/src/components/EventHistoryItem.tsx b/frontend/sportsmatch-app/src/components/EventHistoryItem.tsx
@@ -49,7 +49,7 @@ function EventHistoryItem({ eventHistoryDTO }: EventHistoryProps) {
             <div className="user-side">
               <div className="profile">
                 <div className="user-avatar">
-                  <Avatar src="assets/michael-dam-mEZ3PoFGs_k-unsplash.jpg" />
+                  <Avatar src="/assets/michael-dam-mEZ3PoFGs_k-unsplash.jpg" />
                 </div>
                 <div className="user-name">You</div>
               </div>
@@ -78,7 +78,7 @@ function EventHistoryItem({ eventHistoryDTO }: EventHistoryProps) {
               </div>
               <div className="profile">
                 <div className="opponent-avatar">
-                  <Avatar src="assets/jeffrey-keenan-pUhxoSapPFA-unsplash.jpg" />
+                  <Avatar src="/assets/jeffrey-keenan-pUhxoSapPFA-unsplash.jpg" />
                 </div>
                 <div className="opponent-name">
                   {eventHistoryDTO.opponent?.name}

diff --git a/frontend/sportsmatch-app/src/components/Navbar.tsx b/frontend/sportsmatch-app/src/components/Navbar.tsx
@@ -6,8 +6,8 @@ import { NavDropdown } from 'react-bootstrap'
 import { OpenAPI, ExSecuredEndpointService, ApiError } from '../generated/api'
 
 function Navbar() {
-  const loggedInUserImgUrl = 'assets/michael-dam-mEZ3PoFGs_k-unsplash.jpg'
-  const loggedOutUserImgUrl = 'assets/unknown-user-placeholder.png'
+  const loggedInUserImgUrl = '/assets/michael-dam-mEZ3PoFGs_k-unsplash.jpg'
+  const loggedOutUserImgUrl = '/assets/unknown-user-placeholder.png'
 
   const [isLoggedIn, setLoggedIn] = useState<boolean>(false)
   const [userId, setUserId] = useState<number>()

diff --git a/frontend/sportsmatch-app/src/components/RatingCard.tsx b/frontend/sportsmatch-app/src/components/RatingCard.tsx
@@ -15,7 +15,7 @@ export default function RatingCard({ rating }: RatingCardProps) {
           <div className="col-2">
             <img
               className="rated-img"
-              src="\assets\jeffrey-keenan-pUhxoSapPFA-unsplash.jpg"
+              src="/assets/jeffrey-keenan-pUhxoSapPFA-unsplash.jpg"
             />
           </div>
           <div className="col">

diff --git a/frontend/sportsmatch-app/src/components/UserCard.tsx b/frontend/sportsmatch-app/src/components/UserCard.tsx
@@ -24,7 +24,7 @@ export default function UserCard({ user, summary }: UserCardProp) {
           <div className="user-card">
             <div className="row">
               <div className="col profile-details">
-                <img src="\assets\michael-dam-mEZ3PoFGs_k-unsplash.jpg" />
+                <img src="/assets/michael-dam-mEZ3PoFGs_k-unsplash.jpg" />
                 <ul>
                   <li>
                     <h4>{user.name}</h4>

diff --git a/frontend/sportsmatch-app/src/pages/UserInfo.tsx b/frontend/sportsmatch-app/src/pages/UserInfo.tsx
@@ -119,7 +119,7 @@ export default function UserInfo() {
                     checked={selectedGender === 'male'}
                     onChange={() => handleSelectGender('male')}
                   />
-                  <img src="../assets/man.svg" alt="man" />
+                  <img src="/assets/man.svg" alt="man" />
                   <p>Male</p>
                 </label>
               </div>
@@ -138,7 +138,7 @@ export default function UserInfo() {
                     checked={selectedGender === 'female'}
                     onChange={() => handleSelectGender('female')}
                   />
-                  <img src="../assets/woman.svg" alt="man" />
+                  <img src="/assets/woman.svg" alt="man" />
                   <p>Female</p>
                 </label>
               </div>