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

init sub teams

Browse Source
This commit is contained in:
darkicewolf50 2024-03-02 17:04:13 -07:00
parent a8e32a97e6
commit 30ce146c2b
5 changed files with 85 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/Teams/Leadership.json Normal file
View File

@ -0,0 +1,9 @@
{
"Team Captain": "Aidan Schroeder",
"Nole Tabelon": "Chassis Lead",
"Hewitt Yee": "Drivetrain Lead",
"Alex Buzdugan": "Electrical Lead",
"Brock Tomlinson": "Business and Softawre Lead",
"Ghaith Abu-Rub": "Suspension Lead",
"Anjali Patadia": "Steering Lead"
}

0
src/Teams/SubTeams.css Normal file
View File

34
src/Teams/SubTeams.js Normal file
View File

@ -0,0 +1,34 @@
const SubTeams = () => {
// const jsonImport = (filePath) => {
// data = import(filePath);
// return data;
// };
// leadership_json = jsonImport("./Leadership.json");
// console.log(leadership_json);
return (
<div>
<div>
<h2>Leadership</h2>
<p>gallery</p>
</div>
<table>
<tbody>
<tr>
<td>Aidan Schroeder</td>
<td>Team Captain</td>
</tr>
<tr>
<td>Hewitt Yee</td>
<td>Drivetrain Lead</td>
</tr>
<tr>
<td>Nole Tabelon</td>
<td>Chassis Lead</td>
</tr>
</tbody>
</table>
</div>
);
};
export default SubTeams;

5
src/Teams/Teams.js
View File

@ -1,5 +0,0 @@
export default function Teams() {
return (
<p>Teams</p>
);
};

70
src/index.js
View File

@ -1,34 +1,48 @@
import React from 'react';
import ReactDOM from 'react-dom/client';
import reportWebVitals from './reportWebVitals';
import React from "react";
import ReactDOM from "react-dom/client";
import reportWebVitals from "./reportWebVitals";
import { BrowserRouter, Routes, Route } from "react-router-dom";
import Header from './Header/Header';
import AboutUs from './AboutUs/AboutUs';
import Teams from './Teams/Teams';
import OurSponsors from './OurSponsors/OurSponsors';
import BecomeASponsor from './BecomeASponsor/BecomeASponsor';
import JoinTheClub from './Club Membership & Upcoming Events/JoinTheClub/JoinTheClub';
import UpcomingEvents from './Club Membership & Upcoming Events/UpcominEvents/UpcomingEvents';
import Gallery from './Gallery/Gallery';
import './index.css';
import Header from "./Header/Header";
import AboutUs from "./AboutUs/AboutUs";
import SubTeams from "./Teams/SubTeams";
import OurSponsors from "./OurSponsors/OurSponsors";
import BecomeASponsor from "./BecomeASponsor/BecomeASponsor";
import JoinTheClub from "./Club Membership & Upcoming Events/JoinTheClub/JoinTheClub";
import UpcomingEvents from "./Club Membership & Upcoming Events/UpcominEvents/UpcomingEvents";
import Gallery from "./Gallery/Gallery";
import "./index.css";
const root = ReactDOM.createRoot(document.getElementById('root'));
const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
<React.StrictMode>
<BrowserRouter>
<Routes>
<Route element = {<Header />}>
<Route path = '/' element = {<AboutUs />}></Route>
<Route path = '/Teams' element = {<Teams />}></Route>
<Route path = '/OurSponsors' element = {<OurSponsors />}></Route>
<Route path = '/BecomeASponsor' element = {<BecomeASponsor />}></Route>
<Route path = '/JoinTheClub' element = {<JoinTheClub />}></Route>
<Route path = '/UpcomingEvents' element = {<UpcomingEvents />}></Route>
<Route path = '/Gallery' element = {<Gallery />}></Route>
</Route>
</Routes>
</BrowserRouter>
</React.StrictMode>
<React.StrictMode>
<BrowserRouter>
<Routes>
<Route element={<Header />}>
<Route
path="/"
element={<AboutUs />}></Route>
<Route
path="/Teams"
element={<SubTeams />}></Route>
<Route
path="/OurSponsors"
element={<OurSponsors />}></Route>
<Route
path="/BecomeASponsor"
element={<BecomeASponsor />}></Route>
<Route
path="/JoinTheClub"
element={<JoinTheClub />}></Route>
<Route
path="/UpcomingEvents"
element={<UpcomingEvents />}></Route>
<Route
path="/Gallery"
element={<Gallery />}></Route>
</Route>
</Routes>
</BrowserRouter>
</React.StrictMode>
);
// If you want to start measuring performance in your app, pass a function