Add 'Inspiration' section to mission

src/hooks/useMission.tsx

@@ -2,20 +2,13 @@ import React from 'react';
 import sanity from '../sanity';
 import { SanityDocument } from '@sanity/client/sanityClient';
 
-interface MissionDocument {
-	mission: string;
-	vision: string;
-	quote_text: string;
-	quote_author: string;
-}
-
 function useMission() {
 	let [mission, setMission] = React.useState<
-		SanityDocument<MissionDocument> | undefined
+		SanityDocument<SGA.MissionDocument> | undefined
 	>();
 
 	React.useEffect(() => {
-		sanity.getDocument<MissionDocument>('mission').then(setMission);
+		sanity.getDocument<SGA.MissionDocument>('mission').then(setMission);
 	}, []);
 
 	return mission;

src/index.d.ts

@@ -26,11 +26,19 @@ declare namespace SGA {
 		bio: string;
 	}
 
+	interface MissionDocument {
+		mission: string;
+		vision: string;
+		inspiration: string;
+		quote_text: string;
+		quote_author: string;
+	}
+
 	interface GetInvolvedWay {
 		_id: string;
 		title: string;
 		text: string;
-	};
+	}
 
 	interface GetInvolvedDocument {
 		ways: GetInvolvedWay[];

src/pages/mission.tsx

@@ -35,6 +35,7 @@ export default function Mission() {
 
 					<ParagraphWithHeader title='Vision' body={mission.vision} />
 					<ParagraphWithHeader title='Mission' body={mission.mission} />
+					<ParagraphWithHeader title='Inspiration' body={mission.inspiration} />
 
 					<Centered>
 						<BlueButtonLink href={previousLeadershipLink}>