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

chnged from dictionary to external yml file

Browse Source
This commit is contained in:
darkicewolf50 2024-03-09 18:15:50 -07:00
parent 6bdcdd57ca
commit 01c7a9d3da
5 changed files with 22220 additions and 22152 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43931
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

82
package.json
View File

@ -1,41 +1,45 @@
{ {
"name": "bajauofcwebsite", "name": "bajauofcwebsite",
"version": "0.1.0", "version": "0.1.0",
"private": true, "private": true,
"dependencies": { "dependencies": {
"@svgr/webpack": "^8.1.0", "@svgr/webpack": "^8.1.0",
"@testing-library/jest-dom": "^5.16.5", "@testing-library/jest-dom": "^5.16.5",
"@testing-library/react": "^13.4.0", "@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0", "@testing-library/user-event": "^13.5.0",
"react": "^18.2.0", "js-yaml": "^4.1.0",
"react-dom": "^18.2.0", "react": "^18.2.0",
"react-native": "^0.72.6", "react-dom": "^18.2.0",
"react-router-dom": "^6.20.0", "react-native": "^0.72.6",
"react-scripts": "5.0.1", "react-router-dom": "^6.20.0",
"web-vitals": "^2.1.4" "react-scripts": "5.0.1",
}, "web-vitals": "^2.1.4"
"scripts": { },
"start": "react-scripts start", "scripts": {
"build": "react-scripts build", "start": "react-scripts start",
"test": "react-scripts test", "build": "react-scripts build",
"eject": "react-scripts eject" "test": "react-scripts test",
}, "eject": "react-scripts eject"
"eslintConfig": { },
"extends": [ "eslintConfig": {
"react-app", "extends": [
"react-app/jest" "react-app",
] "react-app/jest"
}, ]
"browserslist": { },
"production": [ "browserslist": {
">0.2%", "production": [
"not dead", ">0.2%",
"not op_mini all" "not dead",
], "not op_mini all"
"development": [ ],
"last 1 chrome version", "development": [
"last 1 firefox version", "last 1 chrome version",
"last 1 safari version" "last 1 firefox version",
] "last 1 safari version"
} ]
},
"devDependencies": {
"yaml-loader": "^0.8.1"
}
} }

50
src/MockDB/sponsorship.yml Normal file
View File

@ -0,0 +1,50 @@
Diamond Tier:
- Name: Schulich School of Engineering
LogoUrl: https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQj9L3ZGK6WtOmJbzxmCzRxwLXYKGC5SDcAKHb0ScfbUmbtG0IujQt6eQDaI_Pm9g4DZvc&usqp=CAU
Url: https://schulich.ucalgary.ca/
DescriptionAboutSponsor: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu magna in diam consectetur rhoncus vel nec turpis. Sed finibus mi eu sem varius faucibus. Donec semper erat et bibendum pharetra. Suspendisse cursus lorem sed nisi semper, a rutrum nunc luctus. Nunc ullamcorper enim id orci interdum ultrices. Donec vestibulum nunc vel nisl pretium tempus. Morbi quis ante et ligula eleifend eleifend. Proin bibendum maximus elit vitae congue. Vivamus egestas, ex in tempor posuere, ligula nunc iaculis massa, in imperdiet dui justo eu dolor. Nullam placerat velit quis sem mattis, laoreet pharetra elit tempor.
DecriptionOnHelp: Money
Platinum Tier:
- Name: Platinum Sponsor Name
LogoUrl:
Url:
DescriptionAboutSponsor:
DescriptionOnHelp: Money
Gold Tier:
- Name: Suri
LogoUrl: https://lh5.googleusercontent.com/WJsBsmcLypQhY0MMOLQtJSGFXrLQqPKNc3502rYUGKPCq_SfS9CxuoB3n541Kn9bKPm2b5aixCnYsCVYZAts2Y8xvmOHWL3nnbKtWUkE1KoFYYQ4bXUlikfF0NPIynxhzQ=w1280
Url: https://www.surimanufacturing.com/
DescriptionAboutSponsor:
DescriptionOnHelp: I am not sure of the time of writing this
- Name: SKF
LogoUrl: https://www.skf.com/v2/assets/img/skf-logo-white.svg
Url: https://www.skf.com/ca/en
DescriptionAboutSponsor: I am not sure
DescriptionOnHelp: I am not sure of the time of writing this
- Name: WRMA
LogoUrl: https://wildrosemx.com/wp-content/uploads/2021/08/wild-rose-motocross-calgary-rasterized.png
Url: https://wildrosemx.com/
DescriptionAboutSponsor:
DescriptionOnHelp: Lets us use their trak during the warm months
Silver Tier:
- Name: Encore Metals
LogoUrl: https://www.encoremetals.com/assets/images/logos/encore-metals-logo.png
Url: https://www.encoremetals.com/
DescriptionAboutSponsor: Metal supplier
DescriptionOnHelp: Where we buy metals from at a discounted rate
- Name: CNOOC
LogoUrl: https://cnoocinternational.com/img/cnooc-logo.png
Url: https://cnoocinternational.com/
DescriptionAboutSponsor:
DescriptionOnHelp: Money
Bronze Tier:
- Name: Redbull
LogoUrl: "https://img.redbull.com/redbullcom/static/redbullcom-logo_double-with-text.svg"
Url: https://www.redbull.com/ca-en/
DescriptionAboutSponsor:
DescriptionOnHelp: Free Energy Drinks
- Name: Canada Action
LogoUrl:
Url: I dont know
DescriptionAboutSponsor:
DescriptionOnHelp: Money

65
src/OurSponsors/OurSponsors.css
View File

@ -1,51 +1,50 @@
#OurSponsors { #OurSponsors {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
background-color: gray; background-color: gray;
padding-left: 10%; padding-left: 10%;
padding-right: 10%; padding-right: 10%;
} }
#OurSponsors div div { #OurSponsors div div {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
background-color: white; background-color: white;
} }
#OurSponsors div div div div img { #OurSponsors div div div div div img {
display: flex; display: flex;
justify-content: left; justify-content: left;
} }
#OurSponsors div div p { #OurSponsors div div div p {
display: flex; display: flex;
justify-content: left; justify-content: left;
}
#OurSponsors div div div div div {
padding: 0%;
display: flex;
flex-direction: column;
justify-content: left;
} }
#OurSponsors div div div div { #OurSponsors div div div div {
padding: 0%; display: flex;
display: flex; flex-direction: row;
flex-direction: column; justify-content: end;
justify-content: left; padding: 0%;
} width: 100%;
#OurSponsors div div div {
display: flex;
flex-direction: row;
justify-content: end;
padding: 0%;
width: 100%;
} }
#OurSponsors h2 { #OurSponsors h2 {
background-color: aquamarine; background-color: aquamarine;
text-align: center; text-align: center;
margin: 0px; margin: 0px;
} }
#OurSponsors h3 { #OurSponsors h3 {
text-align: left; text-align: left;
} }

244
src/OurSponsors/OurSponsors.js
View File

@ -1,9 +1,11 @@
import { useEffect } from 'react'; import { useEffect } from "react";
import { useState } from 'react'; import { useState } from "react";
import './OurSponsors.css' import "./OurSponsors.css";
import sponsorData from "../MockDB/sponsorship.yml";
//can be removed later //can be removed later
import fakeDelay from '../TestingTools/fakeDelay'; import fakeDelay from "../TestingTools/fakeDelay";
import { useNavigate } from 'react-router-dom'; import { useNavigate } from "react-router-dom";
import yaml from "js-yaml";
/** /**
* @param {null} null - requires onthing * @param {null} null - requires onthing
@ -13,145 +15,105 @@ import { useNavigate } from 'react-router-dom';
* @todo add link to become a sponsor at top, and thank you message * @todo add link to become a sponsor at top, and thank you message
*/ */
const OurSponsors = () => { const OurSponsors = () => {
const [sponsorsDict, setSponsorsDict] = useState(); //variable states for the dictionary of sponsors
const [sponsorsDict, setSponsorsDict] = useState(); //variable states for the dictionary of sponsors
useEffect(() => { //get sponsors on startup of page not optimized useEffect(() => {
getSponsors(); //get sponsors on startup of page not optimized
}, []); getSponsors();
}, []);
const OpenPage = (arg) => { const OpenPage = (arg) => {
const navigate = useNavigate(); const navigate = useNavigate();
navigate(arg); navigate(arg);
console.log(arg); console.log(arg);
}; };
/** /**
* @param {null} null - requires nothing (link) * @param {null} null - requires nothing (link)
* @returns {Object} sponsorsDict - gets a Dictionary of our sponsors from synology drive * @returns {Object} sponsorsDict - gets a Dictionary of our sponsors from synology drive
* @description Gets the list of sponsors from the synology drive (not implemented), converts the json file into a dictionary * @description Gets the list of sponsors from the synology drive (not implemented), converts the json file into a dictionary
* @author Brock <darkicewolf50@gmail.com> * @author Brock <darkicewolf50@gmail.com>
* @todo add gPRC to backend and front end * @todo add gPRC to backend and front end
*/ */
const getSponsors = async () => { const getSponsors = async () => {
const tempListOfSponsors = { const res = await fetch(sponsorData);
"Main Tier": { const rawText = await res.text();
1:{ const yamlDict = yaml.load(rawText);
"Name":"Hello", try {
"LogoUrl":"", await fakeDelay(1000);
"Url":"", console.log("It ran");
"DescriptionAboutSponsor":"this has text i dont care", let res = yamlDict;
"DecriptionOnHelp":"this has text i dont care" setSponsorsDict(res);
} } catch (error) {
}, //error checking
"Platnum Tier": { console.error("Error sending data to server:", error);
1:{ }
"Name":"Schulich School of Engineering", };
"LogoUrl":"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQj9L3ZGK6WtOmJbzxmCzRxwLXYKGC5SDcAKHb0ScfbUmbtG0IujQt6eQDaI_Pm9g4DZvc&usqp=CAU",
"Url":"https://schulich.ucalgary.ca/",
"DescriptionAboutSponsor":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu magna in diam consectetur rhoncus vel nec turpis. Sed finibus mi eu sem varius faucibus. Donec semper erat et bibendum pharetra. Suspendisse cursus lorem sed nisi semper, a rutrum nunc luctus. Nunc ullamcorper enim id orci interdum ultrices. Donec vestibulum nunc vel nisl pretium tempus. Morbi quis ante et ligula eleifend eleifend. Proin bibendum maximus elit vitae congue. Vivamus egestas, ex in tempor posuere, ligula nunc iaculis massa, in imperdiet dui justo eu dolor. Nullam placerat velit quis sem mattis, laoreet pharetra elit tempor. ",
"DecriptionOnHelp":"this has text i dont care"
},
2:{
"Name":"",
"LogoUrl":"",
"Url":"",
"DescriptionAboutSponsor":"this has text i dont care",
"DecriptionOnHelp":"this has text i dont care"
}
},
"Gold Tier":{
1:{
"Name":"",
"LogoUrl":"",
"Url":"",
"DescriptionAboutSponsor":"this has text i dont care",
"DecriptionOnHelp":"this has text i dont care"
},
2:{
"Name":"",
"LogoUrl":"data:image/png;base64,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",
"Url":"",
"DescriptionAboutSponsor":"1this has text i dont care",
"DecriptionOnHelp":"2this has text i dont care"
}
},
"Silver Tier": {
1:{
"Name":"Father",
"LogoUrl":"",
"Url":""
//"DescriptionAboutSponsor":"", //Dont get this
//"DecriptionOnHelp":"" //Dont get this
},
2:{
"Name":"Help",
"LogoUrl":"",
"Url":""
//"DescriptionAboutSponsor":"", //Dont get this
//"DecriptionOnHelp":"" //Dont get this
}
},
"Bronze Tier":{
1:{
"Name":"I'm",
//"LogoUrl":"", //Dont get this
"Url":""
//"DescriptionAboutSponsor":"", //Dont get this
//"DecriptionOnHelp":"" //Dont get this
},
2:{
"Name":"Stuck to a cactus",
//"LogoUrl":"", //Dont get this
"Url":""
//"DescriptionAboutSponsor":"", //Dont get this
//"DecriptionOnHelp":"" //Dont get this
}
}
};
try {
await fakeDelay(1000);
console.log("It ran");
let res = tempListOfSponsors;
setSponsorsDict(res);
} catch (error) { //error checking
console.error('Error sending data to server:', error);
}
}
if (!sponsorsDict) { //awaiting for a resposne from the backend
return <p>Loading...</p>
}
if(sponsorsDict) { //maps out the dictionary and displays the content
return (<div id='OurSponsors'>
<div id='BecomeASponsors'>
<button onClick={() => OpenPage('/BecomeASponsor')}>Become A Sponsor</button>
</div>
{Object.keys(sponsorsDict).map((sponsorTier) => (
<div key={sponsorTier} className={sponsorTier}>
<h2>{sponsorTier}</h2>
{Object.keys(sponsorsDict[sponsorTier]).map((sponsorKey) => {
const sponsor = sponsorsDict[sponsorTier][sponsorKey];
return (
<div key={sponsorKey}>
<div>
<div>
{sponsor.Name && <h3>{sponsor.Name}</h3>}
{sponsor.LogoUrl && <a href={sponsor.Url}><img src={sponsor.LogoUrl} alt="Sponsor Logo" /></a>}
</div>
{(sponsor.DescriptionAboutSponsor !== undefined && sponsor.DecriptionOnHelp !== undefined) && <p>Another Element</p>}
</div>
{sponsor.DescriptionAboutSponsor !== undefined && <p>{sponsor.DescriptionAboutSponsor}</p>}
{sponsor.DecriptionOnHelp !== undefined && <p>{sponsor.DecriptionOnHelp}</p>}
</div>
);
})}
</div>
))}
</div>);
}
if (!sponsorsDict) {
//awaiting for a resposne from the backend
return <p>Loading...</p>;
}
if (sponsorsDict) {
//maps out the dictionary and displays the content
return (
<div id="OurSponsors">
<div id="BecomeASponsors">
<button onClick={() => OpenPage("/BecomeASponsor")}>
Become A Sponsor
</button>
</div>
<div>
<h3>Current Sponsors</h3>
{Object.keys(sponsorsDict).map((sponsorTier) => (
<div
key={sponsorTier}
className={sponsorTier}>
<h2>{sponsorTier}</h2>
{Object.keys(sponsorsDict[sponsorTier]).map((sponsorKey) => {
const sponsor = sponsorsDict[sponsorTier][sponsorKey];
return (
<div key={sponsorKey}>
<div>
<div>
{sponsor.Name && <h3>{sponsor.Name}</h3>}
{sponsor.LogoUrl && (
<a
href={sponsor.Url}
target="_blank">
<img
src={sponsor.LogoUrl}
alt="Sponsor Logo"
/>
</a>
)}
</div>
{sponsor.DescriptionAboutSponsor !== undefined &&
sponsor.DecriptionOnHelp !== undefined &&
(sponsorTier != "Bronze Tier" ||
sponsorTier != "Silver Tier") && (
<p>Another Element</p>
)}
</div>
{sponsor.DescriptionAboutSponsor !== undefined &&
(sponsorTier != "Bronze Tier" ||
sponsorTier != "Silver Tier") && (
<p>{sponsor.DescriptionAboutSponsor}</p>
)}
{sponsor.DecriptionOnHelp !== undefined &&
(sponsorTier != "Bronze Tier" ||
sponsorTier != "Silver Tier") && (
<p>{sponsor.DecriptionOnHelp}</p>
)}
</div>
);
})}
</div>
))}
</div>
</div>
);
}
}; };
export default OurSponsors; export default OurSponsors;