chore: cleaning up file name casing (class names upper case)

src/react-app/src/App.test.tsx

@@ -2,7 +2,7 @@ import React from "react"
 import { render } from "@testing-library/react"
 import App from "./App"
 
-test("renders Welcome to our home", () => {
+test("renders default route (Home)", () => {
   const { getByText } = render(<App />)
   const elem = getByText(/Welcome to our home./i)
   expect(elem).toBeInTheDocument()

src/react-app/src/App.tsx

@@ -1,11 +1,11 @@
 import React from "react"
 import { BrowserRouter as Router, Switch, Route } from "react-router-dom"
 
-import Home from "./pages/home"
-import About from "./pages/about"
-import Data from "./pages/data"
-import Privacy from "./pages/policy/privacy"
-import Terms from "./pages/policy/terms"
+import Home from "./pages/Home"
+import About from "./pages/About"
+import Data from "./pages/Data"
+import Privacy from "./pages/policy/Privacy"
+import Terms from "./pages/policy/Terms"
 
 // This site has 3 pages, all of which are rendered
 // dynamically in the browser (not server rendered).

src/react-app/src/components/foot.tsx → src/react-app/src/components/Foot.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import PolicyNav from "./policyNav"
+import PolicyNav from "./PolicyNav"
 
 const Foot = (): JSX.Element => {
   return (

src/react-app/src/components/layout.tsx → src/react-app/src/components/Layout.tsx

@@ -1,9 +1,9 @@
 import React from "react"
-import Nav from "./nav"
+import Nav from "./Nav"
 import "../style/style.scss"
 import { useScriptInline } from "../lib/useScript"
-import CookieConsent from "./cookieConsent"
-import Foot from "./foot"
+import CookieConsent from "./CookieConsent"
+import Foot from "./Foot"
 import { Helmet } from "react-helmet"
 
 // https://nextjs.org/learn/basics/using-shared-components/rendering-children-components

src/react-app/src/components/layoutWithSidebar.tsx → src/react-app/src/components/LayoutWithSidebar.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import Layout from "./layout"
+import Layout from "./Layout"
 
 interface Props {
   sidebar: React.ReactNode

src/react-app/src/components/nav.tsx → src/react-app/src/components/Nav.tsx

@@ -62,7 +62,7 @@ const Nav = (): JSX.Element => {
                   <a href={href}>{label}</a>
                 ) : (
                   <Link to={href} className="nav-link">
-                      {label}
+                    {label}
                   </Link>
                 )}
               </li>

src/react-app/src/pages/about.tsx → src/react-app/src/pages/About.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import Layout from "../components/layout"
+import Layout from "../components/Layout"
 import { Helmet } from "react-helmet"
 
 const Page = (): JSX.Element => (

src/react-app/src/pages/data.tsx → src/react-app/src/pages/Data.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import Layout from "../components/layout"
+import Layout from "../components/Layout"
 import { Helmet } from "react-helmet"
 import { useApiGet } from "../lib/useApiHooks"
 

src/react-app/src/pages/Home.test.tsx

@@ -0,0 +1,14 @@
+import React from "react"
+import { render } from "@testing-library/react"
+import Home from "./Home"
+import { MemoryRouter } from "react-router-dom"
+
+test("renders Welcome to our home", () => {
+  const { getByText } = render(
+    <MemoryRouter>
+      <Home />
+    </MemoryRouter>
+  )
+  const elem = getByText(/Welcome to our home./i)
+  expect(elem).toBeInTheDocument()
+})

src/react-app/src/pages/home.tsx → src/react-app/src/pages/Home.tsx

@@ -1,5 +1,5 @@
 import React from "react"
-import Layout from "../components/layout"
+import Layout from "../components/Layout"
 import { Helmet } from "react-helmet"
 
 const Page = (): JSX.Element => (

src/react-app/src/pages/policy/privacy.tsx → src/react-app/src/pages/policy/Privacy.tsx

@@ -1,7 +1,7 @@
 import React from "react"
 import { Helmet } from "react-helmet"
-import LayoutWithSidebar from "../../components/layoutWithSidebar"
-import PolicyNav from "../../components/policyNav"
+import LayoutWithSidebar from "../../components/LayoutWithSidebar"
+import PolicyNav from "../../components/PolicyNav"
 
 const Page = (): JSX.Element => (
   <>

src/react-app/src/pages/policy/terms.tsx → src/react-app/src/pages/policy/Terms.tsx

@@ -1,7 +1,7 @@
 import React from "react"
 import { Helmet } from "react-helmet"
-import LayoutWithSidebar from "../../components/layoutWithSidebar"
-import PolicyNav from "../../components/policyNav"
+import LayoutWithSidebar from "../../components/LayoutWithSidebar"
+import PolicyNav from "../../components/PolicyNav"
 
 const Page = (): JSX.Element => (
   <>