From d4749f1c4828713c21301e014b3d10a40af3aec3 Mon Sep 17 00:00:00 2001
From: Cameron <cameron.maloney@warriorlife.net>
Date: Fri, 7 Jun 2024 01:07:16 -0700
Subject: [PATCH] LEVELSTEIN

---
 packages/react-frontend/src/Components/Navbar.jsx | 13 +++++++++++--
 packages/react-frontend/src/Views/ProductPage.jsx |  2 +-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/react-frontend/src/Components/Navbar.jsx b/packages/react-frontend/src/Components/Navbar.jsx
index f86ee2b..5db451f 100644
--- a/packages/react-frontend/src/Components/Navbar.jsx
+++ b/packages/react-frontend/src/Components/Navbar.jsx
@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useState, useEffect } from "react";
 import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom";
 import Inventory from "../Views/Inventory";
 import LoginPage from "../Views/LoginPage";
@@ -42,13 +42,22 @@ function App() {
 }
 
 function NavBar() {
+  const [src, setSrc] = useState('yes.png');
+
+  useEffect(() => {
+    const img = new Image();
+    img.onload = () => setSrc('../yes.png');
+    img.onerror = () => setSrc('yes.png');
+    img.src = '../yes.png';
+  }, []);
+
   return (
     <div className="container">
       <nav className="navbar">
         <ul className="nav-list">
           <li>
             <a href="/">
-              <img className="logo" src="yes.png"/>
+              <img className="logo" src={src} alt="Logo"/>
             </a>
           </li>
           <li className="hover">
diff --git a/packages/react-frontend/src/Views/ProductPage.jsx b/packages/react-frontend/src/Views/ProductPage.jsx
index a2256cb..d205f4d 100644
--- a/packages/react-frontend/src/Views/ProductPage.jsx
+++ b/packages/react-frontend/src/Views/ProductPage.jsx
@@ -107,7 +107,7 @@ function ProductPage() {
   return (
     <div>
       <li>
-        <img className="ProductPageLogo" src="yes.png" alt="Loading" />
+        <img className="ProductPageLogo" src="..yes.png" alt="Loading" />
       </li>
       <div className="subtitle-container">
         <h2 className="subtitle">Your Product: {product.product}</h2>