LEVELSTEIN

cmaloney111 · Jun 7, 2024 · d4749f1 · d4749f1
1 parent 2366bc6
commit d4749f1
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git 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
@@ -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>