Renamed typo "useInitiative" to "useQuery"

src/components/Footer.tsx

@@ -21,7 +21,7 @@ export default function Footer() {
 				{footer.columns.map((col) => {
 					return (
 						<div className='footer-col' key={col._id}>
-							<BlockContent blocks={col.content}></BlockContent>
+							<BlockContent blocks={col.content} />
 						</div>
 					);
 				})}

src/components/InitiativeList.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import useQuery from '../hooks/useInitiatives';
+import useQuery from '../hooks/useQuery';
 import InitiativeColumn from './InitiativeColumn';
 
 export default function InitiativeList() {

src/components/RecentNews.tsx

@@ -1,4 +1,4 @@
-import useQuery from '../hooks/useInitiatives';
+import useQuery from '../hooks/useQuery';
 import ArticleRow from './ArticleRow';
 
 export default function RecentNews() {

src/hooks/useFooter.tsx

@@ -2,20 +2,13 @@ import React from 'react';
 import sanity from '../sanity';
 import { SanityDocument } from '@sanity/client/sanityClient';
 
-interface FooterDocument {
-	columns: {
-		_id: string;
-		content: any[];
-	}[];
-}
-
 export default function useFooter() {
 	let [footer, setFooter] = React.useState<
-		SanityDocument<FooterDocument> | undefined
+		SanityDocument<SGA.FooterDocument> | undefined
 	>();
 
 	React.useEffect(() => {
-		sanity.getDocument<FooterDocument>('footer').then(setFooter);
+		sanity.getDocument<SGA.FooterDocument>('footer').then(setFooter);
 	}, []);
 
 	return footer;

src/pages/classcouncil.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import Hero from '../components/Hero';
 import MemberRow from '../components/MemberRow';
-import useQuery from '../hooks/useInitiatives';
+import useQuery from '../hooks/useQuery';
 
 export default function ClassCouncil() {
 	let members = useQuery<SGA.MemberDocument[]>(

src/pages/committee.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import Hero from '../components/Hero';
 import MemberRow from '../components/MemberRow';
-import useQuery from '../hooks/useInitiatives';
+import useQuery from '../hooks/useQuery';
 
 export default function Committee() {
 	let excomm = useQuery<SGA.MemberDocument[]>(

src/pages/initiatives.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import Hero from '../components/Hero';
 import InitiativeRow from '../components/InitiativeRow';
-import useQuery from '../hooks/useInitiatives';
+import useQuery from '../hooks/useQuery';
 
 export default function Initiatives() {
 	let initiatives = useQuery<SGA.InitiativeDocument[]>(

src/pages/involved.tsx

@@ -0,0 +1,38 @@
+import { SanityDocument } from '@sanity/client';
+import React from 'react';
+import GetInvolvedRow from '../components/GetInvolvedRow';
+import Hero from '../components/Hero';
+import '../css/get-involved.css';
+import sanity from '../sanity';
+
+export default function GetInvolved() {
+	let [ways, setWays] = React.useState<
+		SanityDocument<SGA.GetInvolvedDocument> | undefined
+	>();
+
+	React.useEffect(() => {
+		sanity.getDocument<SGA.GetInvolvedDocument>('ways').then(setWays);
+	}, []);
+
+	return (
+		<>
+			<Hero heading='Get Involved' />
+			<h3>SGA Calendar</h3>
+			<iframe
+				src='https://calendar.google.com/calendar/u/0/embed?src=mbftfg4hu7i8ueqrgcb5o7hc6k@group.calendar.google.com&ctz=America/New_York'
+				title='SGA Calendar'
+				width='800'
+				height='600'
+			/>
+			<hr />
+			{ways ? (
+				<>
+					<h3>Here are some ways to connect with SGA:</h3>
+					{ways.ways.map((way) => (
+						<GetInvolvedRow way={way} />
+					))}
+				</>
+			) : null}
+		</>
+	);
+}

src/pages/newsArticle.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Link, useParams } from 'react-router-dom';
 import Hero from '../components/Hero';
-import useQuery from '../hooks/useInitiatives';
+import useQuery from '../hooks/useQuery';
 import imageUrl from '../imageUrl';
 import BlockContent from '@sanity/block-content-to-react';
 

src/pages/officers.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import Hero from '../components/Hero';
 import MemberRow from '../components/MemberRow';
-import useQuery from '../hooks/useInitiatives';
+import useQuery from '../hooks/useQuery';
 
 export default function Officers() {
 	let officers = useQuery<SGA.MemberDocument[]>(