Ucalgary_Baja/BajaUofCWebsite
4
0
Fork 0
mirror of https://github.com/UofCBaja/BajaUofCWebsite.git synced 2025-06-15 21:34:17 -06:00
Code Issues Packages Projects Releases Wiki Activity

fix(header): added fix for alt text warning

Browse Source
This commit is contained in:
darkicewolf50 2025-03-15 15:56:48 -06:00
parent 138fb88ce6
commit 595aecb12e
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/Header/Header.js
View File

@ -9,6 +9,7 @@ import { useEffect } from "react";
* @param {String} titleText - The text to dispaly in the * @param {String} titleText - The text to dispaly in the
* @param {String} subtitleText - The text below the banner text you want * @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} 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 * @returns {JSX.Element} JSX - HTML tags and JS functionality
* @description The top header part of the page includes the naviagtion * @description The top header part of the page includes the naviagtion
* @author Brock <darkicewolf50@gmail.com> * @author Brock <darkicewolf50@gmail.com>
@ -18,6 +19,7 @@ export default function Header({
titleText = "UCalgary Baja", titleText = "UCalgary Baja",
subtitleText = "Hello", subtitleText = "Hello",
imgUrl = "https://picsum.photos/200", imgUrl = "https://picsum.photos/200",
imgAlt = "Lorem picsum",
}) { }) {
useEffect(() => { useEffect(() => {
HeaderBannerHeight(); HeaderBannerHeight();
@ -159,6 +161,7 @@ export default function Header({
<img <img
id="temp" id="temp"
src={imgUrl} src={imgUrl}
alt={imgAlt}
/> />
<h1>{titleText}</h1> <h1>{titleText}</h1>
<h2>{subtitleText}</h2> <h2>{subtitleText}</h2>