From 595aecb12e9795aed26ada85a0f7f4540aede22c Mon Sep 17 00:00:00 2001
From: darkicewolf50 <darkicewolf50@gmail.com>
Date: Sat, 15 Mar 2025 15:56:48 -0600
Subject: [PATCH] fix(header): added fix for alt text warning

---
 src/Header/Header.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/Header/Header.js b/src/Header/Header.js
index afd7f67..744baed 100644
--- a/src/Header/Header.js
+++ b/src/Header/Header.js
@@ -9,6 +9,7 @@ import { useEffect } from "react";
  * @param {String} titleText - The text to dispaly in the
  * @param {String} subtitleText - The text below the banner text you want
  * @param {String} imgUrl - The url to the image you want as the banner, by default this will be a lorem picsum
+ * @param {String} imgAlt - The alt text for the image banner, this is required for good search results
  * @returns {JSX.Element} JSX - HTML tags and JS functionality
  * @description The top header part of the page includes the naviagtion
  * @author Brock <darkicewolf50@gmail.com>
@@ -18,6 +19,7 @@ export default function Header({
 	titleText = "UCalgary Baja",
 	subtitleText = "Hello",
 	imgUrl = "https://picsum.photos/200",
+	imgAlt = "Lorem picsum",
 }) {
 	useEffect(() => {
 		HeaderBannerHeight();
@@ -159,6 +161,7 @@ export default function Header({
 					<img
 						id="temp"
 						src={imgUrl}
+						alt={imgAlt}
 					/>
 					<h1>{titleText}</h1>
 					<h2>{subtitleText}</h2>