diff --git a/pages/_app.jsx b/pages/_app.jsx index a9767f4..f5351be 100644 --- a/pages/_app.jsx +++ b/pages/_app.jsx @@ -1,51 +1,34 @@ -import React from "react"; -import App from "next/app"; -import ErrorMessage from "../components/errorMessage"; +import React, { useEffect } from "react"; import { PageTransition } from "next-page-transitions"; +import { initializeGA, logPage } from "../components/Analytics"; -export default class MyApp extends App { - constructor(props) { - super(props); - this.state = { hasError: false }; - } +export default function MyApp({ Component, pageProps }) { + useEffect(() => { + initializeGA(); + logPage(); + }, []); - componentDidCatch(error, errorInfo) { - console.error("Page Error Boundary: ", error); - // This is needed to render errors correctly in development / production - super.componentDidCatch(error, errorInfo); - } - - render() { - const { Component, pageProps } = this.props; - return ( -
- - {this.state.hasError ? ( - - ) : ( - - )} - - -
- ); - } + return ( +
+ + + + +
+ ); } diff --git a/pages/_document.jsx b/pages/_document.jsx new file mode 100644 index 0000000..663227d --- /dev/null +++ b/pages/_document.jsx @@ -0,0 +1,16 @@ +import React from "react"; +import Document, { Head, Html, Main, NextScript } from "next/document"; + +export default class MyDocument extends Document { + render() { + return ( + + + +
+ + + + ); + } +} diff --git a/pages/about.jsx b/pages/about.jsx index e17763e..e000ea6 100644 --- a/pages/about.jsx +++ b/pages/about.jsx @@ -6,31 +6,21 @@ import Head from "../components/head"; import Nav from "../components/nav"; import Footer from "../components/footer"; import Team from "../components/about/team"; -import { initializeGA, logPage } from "../components/Analytics"; -class AboutPage extends React.Component { - componentDidMount() { - initializeGA(); - logPage(); - } - - render() { - return ( -
- -
- ); - } +export default function AboutPage() { + return ( +
+ +
+ ); } - -export default AboutPage; diff --git a/pages/apply/index.jsx b/pages/apply/index.jsx index 7b4776a..0141385 100644 --- a/pages/apply/index.jsx +++ b/pages/apply/index.jsx @@ -1,76 +1,61 @@ -import React, { Component } from "react"; +import React from "react"; import GradientBanner from "../../components/gradientBanner"; import ActionButton from "../../components/actionButton"; import Head from "../../components/head"; import Nav from "../../components/nav"; import { Container, Row, Col } from "reactstrap"; import Footer from "../../components/footer"; -import { initializeGA, logPage } from "../../components/Analytics"; -class ApplyPage extends Component { - constructor(props) { - super(props); - this.state = {}; - } +export default function ApplyPage() { + return ( + <> + +