formatting Vanguard Image file

frontend/src/App.js

@@ -1,7 +1,7 @@
 // App.js or your main component file
 import React, { useState } from 'react';
 import './App.css';
-import homeImage from './menu-con.jpg';
+import homeImage from './resources/menu-con.jpg';
 import StockHoldings from './StockHoldings';
 import StockGraph from './StockGraphing';
 import HistoricHoldings from './HistoricHoldings';

frontend/src/StockHoldings.js

@@ -32,14 +32,23 @@ function StockHoldings({ onStockSelect }) {
     return () => clearInterval(interval);
   }, []);
 
-  // Function to load images asynchronously
+  // Function to load images
   const loadImage = async (ticker) => {
     try {
       const image = await import(`./resources/${ticker}.png`);
       return image.default;
     } catch (error) {
-      console.error('Error loading image:', error);
-      return ''; // Fallback image or placeholder
+      // Attempt to load without '.L' if it fails
+      if (ticker.endsWith('.L')) {
+        try {
+          const modifiedTicker = ticker.replace('.L', '');
+          const image = await import(`./resources/${modifiedTicker}.png`);
+          return image.default;
+        } catch (innerError) {
+          console.error('Error loading image:', innerError);
+          return '';
+        }
+      }
     }
   };