- {periods.map((period, index) => {
- if (
- period === props.past ||
- (period === 'Current' && typeof props.past === 'undefined')
- ) {
- return (
-
- {period}
-
- );
- }
- return (
-
-
{period}
-
- );
- })}
+
+
+
+ {({ open }) => (
+ <>
+
+ {props.name}
+
+
+
+ {periods.map((period, index) => (
+
+
+ {period}
+
+
+ ))}
+
+
+
+ )}
+
);
diff --git a/src/data/governance.tsx b/src/data/governance.tsx
deleted file mode 100644
index 0980201..0000000
--- a/src/data/governance.tsx
+++ /dev/null
@@ -1,259 +0,0 @@
-import { StaticImageData } from 'next/image';
-
-import LinkedIn from '@/../public/linkedin-royal.svg';
-import Website from '@/../public/website.svg';
-import Email from '@/../public/email.svg';
-
-import Amrit from '@/../public/governance/amrit.png';
-
-export const current = '2023-2024';
-
-function vacant(title: string) {
- return {
- image: '',
- name: 'Vacant',
- title: title,
- links: [],
- };
-}
-
-const clubSponsor = {
- name: 'Our Club Sponsor',
- description:
- 'With more than a decade of teaching and mentoring experience within the community here at The University of Texas at Dallas, John Cole consistently leaves a positive impact on the people around him. Here at Nebula Labs we eagerly look forward to utilizing his invaluable support and knowledge as we grow as an organization.',
- people: [
- {
- image: '',
- name: 'John Cole',
- title: 'Professor and Club Sponsor',
- links: [
- {
- link: '/',
- image: Website,
- },
- {
- link: '/',
- image: Email,
- },
- ],
- },
- ],
-};
-
-interface StringKeys {
- [key: string]: {
- name: string;
- description: string;
- people: {
- image: string | StaticImageData;
- name: string;
- title: string;
- links: {
- link: string;
- image: string | StaticImageData;
- }[];
- }[];
- }[];
-}
-
-const data: StringKeys = {
- '2023-2024': [
- {
- name: 'Officers',
- description:
- 'As a group of leaders, our officer team works together to guide our organization towards its goals while upholding the principles upon which Nebula Labs was founded. Although each role has distinct responsibilities, they all contribute to ensuring the success and growth of our organization.',
- people: [
- {
- image: '',
- name: 'Caleb Lim',
- title: 'President',
- links: [
- {
- link: '/',
- image: LinkedIn,
- },
- {
- link: '/',
- image: Email,
- },
- ],
- },
- {
- image: '',
- name: 'David Launikitis',
- title: 'Vice President',
- links: [
- {
- link: '/',
- image: LinkedIn,
- },
- {
- link: '/',
- image: Email,
- },
- ],
- },
- {
- image: '',
- name: 'Jake Spann',
- title: 'Executive Director',
- links: [
- {
- link: '/',
- image: LinkedIn,
- },
- {
- link: '/',
- image: Email,
- },
- ],
- },
- {
- image: '',
- name: 'Shaurya Dwivedi',
- title: 'Secretary',
- links: [
- {
- link: '/',
- image: LinkedIn,
- },
- {
- link: '/',
- image: Email,
- },
- ],
- },
- {
- image: Amrit,
- name: 'Amrit Rathie',
- title: 'Treasurer',
- links: [
- {
- link: '/',
- image: LinkedIn,
- },
- {
- link: '/',
- image: Email,
- },
- ],
- },
- ],
- },
- {
- name: 'Division Heads',
- description:
- 'By overseeing and managing specific areas within Nebula Labs, division heads leverage their expertise to drive the achievement of organization-wide goals. They play a crucial role in orchestrating collaborative efforts, establishing and upholding standards, and cultivating a culture of innovation and development within their respective domains.',
- people: [
- {
- image: '',
- name: 'Hilary Nguyen',
- title: 'Head of Design',
- links: [
- {
- link: '/',
- image: LinkedIn,
- },
- {
- link: '/',
- image: Email,
- },
- ],
- },
- {
- image: '',
- name: 'Jason Antwi-Appah',
- title: 'Head of Engineering',
- links: [
- {
- link: '/',
- image: LinkedIn,
- },
- {
- link: '/',
- image: Email,
- },
- ],
- },
- vacant('Head of Product'),
- vacant('Head of Marketing'),
- ],
- },
- {
- name: 'Project Leads',
- description:
- 'Playing a crucial role in shaping every project we work on, project leads orchestrate the transformation of ideas into tangible and functional products. Their coordination skills ensure the successful development of each project, delivering valuable outcomes that positively impact our community.',
- people: [
- {
- image: '',
- name: 'Stephanie Li',
- title: 'Planner Lead',
- links: [
- {
- link: '/',
- image: LinkedIn,
- },
- {
- link: '/',
- image: Email,
- },
- ],
- },
- {
- image: '',
- name: 'Ruben Olano',
- title: 'Jupiter Lead',
- links: [
- {
- link: '/',
- image: LinkedIn,
- },
- {
- link: '/',
- image: Email,
- },
- ],
- },
- {
- image: '',
- name: 'William Skaggs',
- title: 'Trends and Skedge Lead',
- links: [
- {
- link: '/',
- image: LinkedIn,
- },
- {
- link: '/',
- image: Email,
- },
- ],
- },
- {
- image: '',
- name: 'Josh Pahman',
- title: 'API and Platform Lead',
- links: [
- {
- link: '/',
- image: LinkedIn,
- },
- {
- link: '/',
- image: Email,
- },
- ],
- },
- ],
- },
- clubSponsor,
- ],
- '2022-2023': [],
- '2021-2022': [],
- '2020-2021': [],
- '2019-2020': [],
- '2018-2019': [],
- '2017-2018': [],
-};
-
-export default data;
diff --git a/src/data/period-dictionary.ts b/src/data/period-dictionary.ts
new file mode 100644
index 0000000..a525024
--- /dev/null
+++ b/src/data/period-dictionary.ts
@@ -0,0 +1,64 @@
+export type GoverancePeriod = {
+ [group: string]: {
+ [role: string]: string;
+ };
+};
+
+export const periodToLeadershipMap = new Map
([
+ [
+ '2023-2024',
+ {
+ Officers: {
+ President: 'cnl210000',
+ 'Vice President': 'dml190001',
+ 'Executive Director': 'jrs190008',
+ Secretary: 'sxd200087',
+ Treasurer: 'axr200071',
+ },
+ 'Division Heads': {
+ 'Head of Design': 'npn190002',
+ 'Head of Engineering': 'jxa220013',
+ 'Head of Product': 'sxl220024',
+ 'Head of Marketing': 'flh220002',
+ },
+ 'Project Leads': {
+ 'Planner Lead': 'rxt220032',
+ 'Jupiter Lead': 'rdo190000',
+ 'Trends & Skedge Lead': 'wgs190000',
+ 'API & Platform Lead': 'jjp210000',
+ },
+ 'Our Club Sponsor': {
+ 'Professor and Club Sponsor': 'jxc064000',
+ },
+ },
+ ],
+ [
+ '2022-2023',
+ {
+ Officers: {
+ President: 'rxr180000',
+ 'Vice President': 'ecb180001',
+ 'Executive Director': 'cbm200003',
+ Secretary: 'nxw180000',
+ Treasurer: 'rsj180004',
+ },
+ 'Division Heads': {
+ 'Head of Design': 'sxs180000',
+ 'Head of Engineering': 'dml190001',
+ 'Head of Product': 'hxk180000',
+ 'Head of Marketing': 'sxn180076',
+ },
+ 'Project Leads': {
+ 'Planner Lead': 'cnl210000',
+ 'Jupiter Lead': 'jrs190008',
+ 'Guide Lead': 'wec190000',
+ 'Trends Lead': 'wgs190000',
+ 'Skedge Lead': 'axs200279',
+ 'API & Platform Lead': 'amb150230',
+ },
+ 'Our Club Sponsor': {
+ 'Professor and Club Sponsor': 'jxc064000',
+ },
+ },
+ ],
+]);
diff --git a/src/data/person-dictionary.ts b/src/data/person-dictionary.ts
new file mode 100644
index 0000000..50c42d7
--- /dev/null
+++ b/src/data/person-dictionary.ts
@@ -0,0 +1,184 @@
+export interface Person {
+ netId?: string;
+ role?: string;
+ name: string;
+ linkedIn: string;
+}
+
+export const netIdToPersonMap = new Map([
+ [
+ 'cnl210000',
+ {
+ name: 'Caleb Lim',
+ linkedIn: 'caleeb-lim',
+ },
+ ],
+ [
+ 'dml190001',
+ {
+ name: 'David Launikitis',
+ linkedIn: 'dlaunikitis',
+ },
+ ],
+ [
+ 'axr200071',
+ {
+ name: 'Amrit Rathie',
+ linkedIn: 'amrit-rathie',
+ },
+ ],
+ [
+ 'jrs190008',
+ {
+ name: 'Jake Spann',
+ linkedIn: 'jake-spann-35210615a',
+ },
+ ],
+ [
+ 'sxd200087',
+ {
+ name: 'Shaurya Dwivedi',
+ linkedIn: 'shaurya-dwivedi',
+ },
+ ],
+ [
+ 'jxa220013',
+ {
+ name: 'Jason Antwi-Appah',
+ linkedIn: 'jasonaa',
+ },
+ ],
+ [
+ 'sxl220024',
+ {
+ name: 'Sharon Lnu',
+ linkedIn: 'sharon-lnu-6949801a3',
+ },
+ ],
+ [
+ 'flh220002',
+ {
+ name: 'Frances Hill',
+ linkedIn: 'flhill',
+ },
+ ],
+ [
+ 'npn190002',
+ {
+ name: 'Hilary Nguyen',
+ linkedIn: 'hilary-nguyen',
+ },
+ ],
+ [
+ 'wgs190000',
+ {
+ name: 'William Skaggs',
+ linkedIn: 'william-skaggs-4b86881b7',
+ },
+ ],
+ [
+ 'rdo190000',
+ {
+ name: 'Ruben Olano',
+ linkedIn: 'rubendolano',
+ },
+ ],
+ [
+ 'jjp210000',
+ {
+ name: 'Josh Pahman',
+ linkedIn: 'jpahm',
+ },
+ ],
+ [
+ 'rxt220032',
+ {
+ name: 'Ragini Tiwari',
+ linkedIn: 'msraginitiwari',
+ },
+ ],
+ [
+ 'rxr180000',
+ {
+ name: 'Ryan Radloff',
+ linkedIn: 'ryan-radloff',
+ },
+ ],
+ [
+ 'ecb180001',
+ {
+ name: 'Eric Boysen',
+ linkedIn: 'eric-boysen-a16243192',
+ },
+ ],
+ [
+ 'cbm200003',
+ {
+ name: 'Charlie Mahana',
+ linkedIn: 'charliemahana',
+ },
+ ],
+ [
+ 'rsj180004',
+ {
+ name: 'Rajmeet Juneja',
+ linkedIn: 'rajmeetjuneja',
+ },
+ ],
+ [
+ 'nxw180000',
+ {
+ name: 'Nathan Williams',
+ linkedIn: 'nathan-williams-357a5b61',
+ },
+ ],
+ [
+ 'sxs180000',
+ {
+ name: 'Shreyas Subramanian',
+ linkedIn: 'shreyas-subramanian',
+ },
+ ],
+ [
+ 'sxn180076',
+ {
+ name: 'Shreya Nallamothu',
+ linkedIn: 'shreya-n-1a334a1b8',
+ },
+ ],
+ [
+ 'hxk180000',
+ {
+ name: 'Harsha Ketaraju',
+ linkedIn: 'harsha-ketaraju',
+ },
+ ],
+ [
+ 'amb150230',
+ {
+ name: 'Adam Brunn',
+ linkedIn: 'adammcadamson',
+ },
+ ],
+ [
+ 'wec190000',
+ {
+ name: 'Willie Chalmers III',
+ linkedIn: 'willie-chalmers-iii',
+ },
+ ],
+ [
+ 'axs200279',
+ {
+ name: 'Adam Szumski',
+ linkedIn: 'aszumski',
+ },
+ ],
+ [
+ 'jxc064000',
+ {
+ name: 'John Cole',
+ linkedIn: 'john-cole-52650592',
+ },
+ ],
+]);
diff --git a/src/lib/period-populator.ts b/src/lib/period-populator.ts
new file mode 100644
index 0000000..086f236
--- /dev/null
+++ b/src/lib/period-populator.ts
@@ -0,0 +1,82 @@
+import { GoverancePeriod, periodToLeadershipMap } from '@/data/period-dictionary';
+import { netIdToPersonMap, Person } from '@/data/person-dictionary';
+
+export interface PopulatedGoveranceGroup {
+ name: string;
+ description: string;
+ people: Person[];
+}
+
+export function getPopulatedPeriod(period: string) {
+ const goverance: GoverancePeriod = periodToLeadershipMap.get(period)!;
+
+ const populatedGroups: PopulatedGoveranceGroup[] = Object.keys(goverance).map((groupName) => {
+ const people = goverance[groupName];
+
+ const populatedPeople = Object.keys(people).map((role) => {
+ const netId = people[role];
+ const personData: Person = netIdToPersonMap.get(netId)!;
+ personData['netId'] = netId;
+ personData['role'] = role;
+
+ return personData;
+ });
+
+ const group: PopulatedGoveranceGroup = {
+ name: groupName,
+ description: groupNameToDescMap.get(groupName)!,
+ people: populatedPeople,
+ };
+
+ return group;
+ });
+
+ return populatedGroups;
+}
+
+const allPeriods = () => {
+ return Array.from(periodToLeadershipMap.keys()).sort().reverse();
+};
+
+export const nonCurrentPeriods = () => {
+ const all = allPeriods();
+ all.shift();
+
+ return all;
+};
+
+export const currentPeriod = () => {
+ return allPeriods()[0];
+};
+
+const groupNameToDescMap = new Map([
+ [
+ 'Officers',
+ `As a group of leaders, our officer team works together to guide
+ our organization towards its goals while upholding the principles upon which
+ Nebula Labs was founded. Although each role has distinct responsibilities, they
+ all contribute to ensuring the success and growth of our organization.`,
+ ],
+ [
+ 'Division Heads',
+ `By overseeing and managing specific areas within Nebula Labs,
+ division heads leverage their expertise to drive the achievement of organization-wide
+ goals. They play a crucial role in orchestrating collaborative efforts, establishing
+ and upholding standards, and cultivating a culture of innovation and development
+ within their respective domains.`,
+ ],
+ [
+ 'Project Leads',
+ `Playing a crucial role in shaping every project we work on,
+ project leads orchestrate the transformation of ideas into tangible and functional
+ products. Their coordination skills ensure the successful development of each project,
+ delivering valuable outcomes that positively impact our community.`,
+ ],
+ [
+ 'Our Club Sponsor',
+ `With more than a decade of teaching and mentoring experience
+ within the community here at The University of Texas at Dallas, John Cole consistently
+ leaves a positive impact on the people around him. Here at Nebula Labs we eagerly look
+ forward to utilizing his invaluable support and knowledge as we grow as an organization.`,
+ ],
+]);
diff --git a/src/pages/about/governance/[period].tsx b/src/pages/about/governance/[period].tsx
index 9ebb928..50f6052 100644
--- a/src/pages/about/governance/[period].tsx
+++ b/src/pages/about/governance/[period].tsx
@@ -1,42 +1,85 @@
import Header from '@/components/Header';
import Footer from '@/components/Footer';
+import Head from 'next/head';
import PeriodLinks from '@/components/PeriodLinks';
import Image, { StaticImageData } from 'next/image';
import { useRouter } from 'next/router';
-import Governance from '@/components/Governance';
-import data, { current } from '@/data/governance';
+import {
+ getPopulatedPeriod,
+ nonCurrentPeriods,
+ PopulatedGoveranceGroup,
+} from '@/lib/period-populator';
+import { netIdToPersonMap } from '@/data/person-dictionary';
+import { periodToLeadershipMap } from '@/data/period-dictionary';
-const Page = () => {
- const router = useRouter();
+import Governance from '@/components/Governance';
+const Page = ({
+ period,
+ data,
+ nonCurrentPeriods,
+}: {
+ period: string;
+ data: PopulatedGoveranceGroup[];
+ nonCurrentPeriods: string[];
+}) => {
const periodLinks = {
- path: router.pathname.replace(/\[.*\]/, ''),
- periods: Object.keys(data),
- current: current,
+ path: '/about/governance/',
+ periods: nonCurrentPeriods,
};
- if (
- typeof router.query.period === 'undefined' ||
- Array.isArray(router.query.period) ||
- !(router.query.period in data)
- ) {
- return (
-
- );
- }
-
return (
-
+ <>
+
+ {period + ' Governance - Nebula Labs'}
+
+
+
+
+
);
};
+export async function getStaticPaths() {
+ const periods = Array.from(periodToLeadershipMap.keys());
+ periods.sort();
+ periods.splice(periods.length - 1, 1);
+
+ const paths = periods.map((fileName) => {
+ return {
+ params: {
+ period: fileName,
+ },
+ };
+ });
+
+ return {
+ paths,
+ fallback: false,
+ };
+}
+
+interface Params {
+ period: string;
+}
+
+export async function getStaticProps({ params }: { params: Params }) {
+ const period = params.period;
+ const data = getPopulatedPeriod(period);
+ const _nonCurrentPeriods = ['Current', ...nonCurrentPeriods().filter((per) => per !== period)];
+
+ return {
+ props: {
+ period,
+ data,
+ nonCurrentPeriods: _nonCurrentPeriods,
+ },
+ };
+}
+
export default Page;
diff --git a/src/pages/about/governance/index.tsx b/src/pages/about/governance/index.tsx
index 1ab6691..cf7bf3f 100644
--- a/src/pages/about/governance/index.tsx
+++ b/src/pages/about/governance/index.tsx
@@ -1,15 +1,38 @@
-import Governance from '@/components/Governance';
-import data, { current } from '@/data/governance';
+import Header from '@/components/Header';
+import Footer from '@/components/Footer';
+import Head from 'next/head';
+import PeriodLinks from '@/components/PeriodLinks';
+import Image, { StaticImageData } from 'next/image';
import { useRouter } from 'next/router';
+import { getPopulatedPeriod, currentPeriod, nonCurrentPeriods } from '@/lib/period-populator';
+import { netIdToPersonMap } from '@/data/person-dictionary';
+import { periodToLeadershipMap } from '@/data/period-dictionary';
+
+import Governance from '@/components/Governance';
+
+import fs from 'fs';
+import path from 'path';
+
const Page = () => {
- const router = useRouter();
+ const period = currentPeriod();
+ const data = getPopulatedPeriod(period);
+ const _nonCurrentPeriods = nonCurrentPeriods();
+
+ const periodLinks = {
+ path: '/about/governance/',
+ periods: _nonCurrentPeriods,
+ };
return (
-
+ <>
+
+ Governance - Nebula Labs
+
+
+
+
+
);
};