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

changed if statements to ? : statements

Browse Source
This commit is contained in:
darkicewolf50 2024-03-17 12:16:12 -06:00
parent 585138e772
commit 98ee3152c9
1 changed files with 110 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

214
src/OurSponsors/OurSponsors.js
View File

@ -4,6 +4,7 @@ import currentSponsorData from "../MockDB/sponsorship.yml";
import pastSponsorData from "../MockDB/pastSponsors.yml"; import pastSponsorData from "../MockDB/pastSponsors.yml";
import yaml from "js-yaml"; import yaml from "js-yaml";
import OpenPage from "../Header/OpenPage"; import OpenPage from "../Header/OpenPage";
import fakeDelay from "../TestingTools/fakeDelay";
/** /**
* @param {null} null - requires onthing * @param {null} null - requires onthing
@ -30,9 +31,10 @@ const OurSponsors = () => {
*/ */
const getCurrentSponsors = async () => { const getCurrentSponsors = async () => {
try { try {
await fakeDelay(5000);
const res = await fetch(currentSponsorData); const res = await fetch(currentSponsorData);
const rawText = await res.text(); const rawText = await res.text();
const yamlDict = yaml.load(rawText); const yamlDict = await yaml.load(rawText);
setCurrentSponsorsDict(yamlDict); setCurrentSponsorsDict(yamlDict);
} catch (error) { } catch (error) {
//error checking //error checking
@ -51,116 +53,120 @@ const OurSponsors = () => {
try { try {
const res = await fetch(pastSponsorData); const res = await fetch(pastSponsorData);
const rawText = await res.text(); const rawText = await res.text();
const yamlDict = yaml.load(rawText); const yamlDict = await yaml.load(rawText);
setPastSponsorsDict(yamlDict); setPastSponsorsDict(yamlDict);
} catch (error) { } catch (error) {
// error checking // error checking
console.error("Error recieving data from server:"); console.error("Error recieving data from server:");
} }
}; };
// needs to change into ? : statement and have content above it
if (!currentSponsorsDict && !pastSponsorsDict) { return (
//awaiting for a resposne from the backend <div id="OurSponsors">
//add loading notification to user <div id="BecomeASponsors">
return <p>Loading...</p>; <OpenPage
} pageToGoTo={"/BecomeASponsor"}
if (currentSponsorsDict && pastSponsorsDict) { textOnButton={"Become a Sponsor"}
//maps out the dictionary and displays the content />
return (
<div id="OurSponsors">
<div id="BecomeASponsors">
<OpenPage
pageToGoTo={"/BecomeASponsor"}
textOnButton={"Become a Sponsor"}
/>
</div>
<div id="Sponsor">
<h2 className="SponsorsTitle">Current Sponsors</h2>
{/* gets the outmost name of the Object Name of tier*/}
{Object.keys(currentSponsorsDict).map((sponsorsTier) => {
return (
<div className="Sponsors">
<h3>{sponsorsTier}</h3>
{/* gets key form list of tier */}
{Object.keys(currentSponsorsDict[sponsorsTier]).map(
(sponsorsKey) => {
return (
<div>
{/* gets name out of object and gets data of that sponsor preped */}
{Object.keys(
currentSponsorsDict[sponsorsTier][sponsorsKey]
).map((sponsorName) => {
let sponsorData =
currentSponsorsDict[sponsorsTier][sponsorsKey][
sponsorName
];
return (
<a
href={sponsorData.Url}
target="_blank"
rel="noreferrer">
<div>
<h4>{sponsorName}</h4>
<img
src={sponsorData.LogoUrl}
alt={sponsorName + "'s Logo"}
/>
</div>
{(sponsorsTier !== "Silver Tier" ||
sponsorsTier !== "Bronze Tier") && (
<div>
<p>{sponsorData.DescriptionAboutSponsor}</p>
</div>
)}
</a>
);
})}
</div>
);
}
)}
</div>
);
})}
</div>
<div id="Sponsor">
<h2
className="SponsorsTitle"
id="SponsorEnd">
Past Sponsors
</h2>
{/* gets keys o objects in list */}
{Object.keys(pastSponsorsDict).map((pastSponsorKey) => {
return (
<div className="Sponsors">
{/* gets name of sponsor then uses it to get data of past sponsor */}
{Object.keys(pastSponsorsDict[pastSponsorKey]).map(
(pastSponsorName) => {
let pastSponsors =
pastSponsorsDict[pastSponsorKey][pastSponsorName];
return (
<a
href={pastSponsors.Url}
target="_blank"
rel="noreferrer">
<div>
<h4>{pastSponsorName}</h4>
<img
src={pastSponsors.LogoUrl}
alt={pastSponsorName + "'s Logo"}
/>
</div>
</a>
);
}
)}
</div>
);
})}
</div>
</div> </div>
); <div id="Sponsor">
} <h2 className="SponsorsTitle">Current Sponsors</h2>
{/* gets the outmost name of the Object Name of tier*/}
{currentSponsorsDict === undefined ? (
<p>Loading...</p>
) : (
<div>
{Object.keys(currentSponsorsDict).map((sponsorsTier) => {
return (
<div className="Sponsors">
<h3>{sponsorsTier}</h3>
{/* gets key form list of tier */}
{Object.keys(currentSponsorsDict[sponsorsTier]).map(
(sponsorsKey) => {
return (
<div>
{/* gets name out of object and gets data of that sponsor preped */}
{Object.keys(
currentSponsorsDict[sponsorsTier][sponsorsKey]
).map((sponsorName) => {
let sponsorData =
currentSponsorsDict[sponsorsTier][sponsorsKey][
sponsorName
];
return (
<a
href={sponsorData.Url}
target="_blank"
rel="noreferrer">
<div>
<h4>{sponsorName}</h4>
<img
src={sponsorData.LogoUrl}
alt={sponsorName + "'s Logo"}
/>
</div>
{(sponsorsTier !== "Silver Tier" ||
sponsorsTier !== "Bronze Tier") && (
<div>
<p>{sponsorData.DescriptionAboutSponsor}</p>
</div>
)}
</a>
);
})}
</div>
);
}
)}
</div>
);
})}
</div>
)}
</div>
<div id="Sponsor">
<h2
className="SponsorsTitle"
id="SponsorEnd">
Past Sponsors
</h2>
{pastSponsorsDict === undefined ? (
<p>Loading...</p>
) : (
<div>
{/* gets keys o objects in list */}
{Object.keys(pastSponsorsDict).map((pastSponsorKey) => {
return (
<div className="Sponsors">
{/* gets name of sponsor then uses it to get data of past sponsor */}
{Object.keys(pastSponsorsDict[pastSponsorKey]).map(
(pastSponsorName) => {
let pastSponsors =
pastSponsorsDict[pastSponsorKey][pastSponsorName];
return (
<a
href={pastSponsors.Url}
target="_blank"
rel="noreferrer">
<div>
<h4>{pastSponsorName}</h4>
<img
src={pastSponsors.LogoUrl}
alt={pastSponsorName + "'s Logo"}
/>
</div>
</a>
);
}
)}
</div>
);
})}
</div>
)}
</div>
</div>
);
}; };
export default OurSponsors; export default OurSponsors;