From 4aa1c9dfd74a69e9b4b4452645f65917ef939646 Mon Sep 17 00:00:00 2001
From: Daniel Naab <dan@crushingpennies.com>
Date: Wed, 20 Sep 2023 15:16:50 -0500
Subject: [PATCH] Add a footer and links to the Github repository

---
 apps/frontend/src/app.tsx                     | 17 ++++++
 .../components/document-assembler.tsx         |  0
 apps/frontend/src/components/footer.tsx       | 53 +++++++++++++++++++
 .../src/{views => }/components/header.tsx     |  0
 .../src/{views => }/components/usa-banner.tsx |  0
 apps/frontend/src/{views => }/context.tsx     |  3 ++
 apps/frontend/src/{views => }/index.scss      |  0
 apps/frontend/src/index.ts                    |  3 +-
 apps/frontend/src/lib/github.ts               | 27 ++++++++++
 apps/frontend/src/{views => }/main.tsx        |  0
 .../src/{views/pages => routes}/index.tsx     |  0
 apps/frontend/src/views/app.tsx               | 15 ------
 apps/frontend/src/{views => }/vite-env.d.ts   |  0
 13 files changed, 102 insertions(+), 16 deletions(-)
 create mode 100644 apps/frontend/src/app.tsx
 rename apps/frontend/src/{views => }/components/document-assembler.tsx (100%)
 create mode 100644 apps/frontend/src/components/footer.tsx
 rename apps/frontend/src/{views => }/components/header.tsx (100%)
 rename apps/frontend/src/{views => }/components/usa-banner.tsx (100%)
 rename apps/frontend/src/{views => }/context.tsx (82%)
 rename apps/frontend/src/{views => }/index.scss (100%)
 create mode 100644 apps/frontend/src/lib/github.ts
 rename apps/frontend/src/{views => }/main.tsx (100%)
 rename apps/frontend/src/{views/pages => routes}/index.tsx (100%)
 delete mode 100644 apps/frontend/src/views/app.tsx
 rename apps/frontend/src/{views => }/vite-env.d.ts (100%)

diff --git a/apps/frontend/src/app.tsx b/apps/frontend/src/app.tsx
new file mode 100644
index 000000000..0cc8d1307
--- /dev/null
+++ b/apps/frontend/src/app.tsx
@@ -0,0 +1,17 @@
+import { Header } from './components/header';
+import { Footer } from './components/footer';
+import { UsaBanner } from './components/usa-banner';
+import { HomePage } from './routes';
+import { useAppContext } from './context';
+
+export const App = () => {
+  const context = useAppContext();
+  return (
+    <div className="App">
+      <UsaBanner />
+      <Header />
+      <HomePage />
+      <Footer github={context.github} />
+    </div>
+  );
+};
diff --git a/apps/frontend/src/views/components/document-assembler.tsx b/apps/frontend/src/components/document-assembler.tsx
similarity index 100%
rename from apps/frontend/src/views/components/document-assembler.tsx
rename to apps/frontend/src/components/document-assembler.tsx
diff --git a/apps/frontend/src/components/footer.tsx b/apps/frontend/src/components/footer.tsx
new file mode 100644
index 000000000..d3d26d67d
--- /dev/null
+++ b/apps/frontend/src/components/footer.tsx
@@ -0,0 +1,53 @@
+import { type GithubRepository, getBranchTreeUrl } from '../lib/github';
+
+type FooterProps = {
+  github: GithubRepository;
+};
+
+export const Footer = (props: FooterProps) => {
+  return (
+    <footer className="usa-footer usa-footer--slim">
+      <div className="grid-container usa-footer__return-to-top">
+        <a href="#">Return to top</a>
+      </div>
+      <div className="usa-footer__primary-section">
+        <div className="usa-footer__primary-container grid-row">
+          <div className="mobile-lg:grid-col-8">
+            <nav className="usa-footer__nav" aria-label="Footer navigation,">
+              <ul className="grid-row grid-gap">
+                <li
+                  className="
+                mobile-lg:grid-col-6
+                desktop:grid-col-auto
+                usa-footer__primary-content
+              "
+                >
+                  <a
+                    className="usa-footer__primary-link"
+                    href="https://10x.gsa.gov/"
+                  >
+                    10x
+                  </a>
+                </li>
+                <li
+                  className="
+                mobile-lg:grid-col-6
+                desktop:grid-col-auto
+                usa-footer__primary-content
+              "
+                >
+                  <a
+                    className="usa-footer__primary-link"
+                    href={getBranchTreeUrl(props.github, true)}
+                  >
+                    Github repository
+                  </a>
+                </li>
+              </ul>
+            </nav>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+};
diff --git a/apps/frontend/src/views/components/header.tsx b/apps/frontend/src/components/header.tsx
similarity index 100%
rename from apps/frontend/src/views/components/header.tsx
rename to apps/frontend/src/components/header.tsx
diff --git a/apps/frontend/src/views/components/usa-banner.tsx b/apps/frontend/src/components/usa-banner.tsx
similarity index 100%
rename from apps/frontend/src/views/components/usa-banner.tsx
rename to apps/frontend/src/components/usa-banner.tsx
diff --git a/apps/frontend/src/views/context.tsx b/apps/frontend/src/context.tsx
similarity index 82%
rename from apps/frontend/src/views/context.tsx
rename to apps/frontend/src/context.tsx
index 7c6911382..75cc61b2b 100644
--- a/apps/frontend/src/views/context.tsx
+++ b/apps/frontend/src/context.tsx
@@ -1,4 +1,5 @@
 import { createContext, useContext } from 'react';
+import { GithubRepository } from './lib/github';
 
 export interface Backend {
   helloWorld(echoValue: string): string;
@@ -6,10 +7,12 @@ export interface Backend {
 
 export interface Context {
   backend: Backend;
+  github: GithubRepository;
 }
 
 export const AppContext = createContext<Context>({
   backend: {} as Backend,
+  github: {} as GithubRepository,
 });
 
 export const useAppContext = () => {
diff --git a/apps/frontend/src/views/index.scss b/apps/frontend/src/index.scss
similarity index 100%
rename from apps/frontend/src/views/index.scss
rename to apps/frontend/src/index.scss
diff --git a/apps/frontend/src/index.ts b/apps/frontend/src/index.ts
index 323fd4b2d..cccef888f 100644
--- a/apps/frontend/src/index.ts
+++ b/apps/frontend/src/index.ts
@@ -1,7 +1,8 @@
-import { createAppRoot } from './views/main';
+import { createAppRoot } from './main';
 
 createAppRoot(document.getElementById('root') as HTMLElement, {
   backend: {
     helloWorld: (str: string) => str,
   },
+  github: import.meta.env.GITHUB,
 });
diff --git a/apps/frontend/src/lib/github.ts b/apps/frontend/src/lib/github.ts
new file mode 100644
index 000000000..0347ae4da
--- /dev/null
+++ b/apps/frontend/src/lib/github.ts
@@ -0,0 +1,27 @@
+export type GithubRepository = {
+  owner: string;
+  repository: string;
+  branch: string;
+  commit: string;
+};
+
+export const DEFAULT_REPOSITORY: GithubRepository = {
+  owner: 'gsa-tts',
+  repository: 'atj-platform',
+  branch: 'main',
+  commit: 'main',
+};
+
+export const getBranchTreeUrl = (
+  github: GithubRepository,
+  useDefaultShortForm = true
+) => {
+  if (useDefaultShortForm && github.branch === DEFAULT_REPOSITORY.branch) {
+    return `https://github.com/${github.owner}/${github.repository}`;
+  }
+  return `https://github.com/${github.owner}/${github.repository}/tree/${github.branch}`;
+};
+
+export const getNewIssueUrl = (github: GithubRepository) => {
+  return `https://github.com/${github.owner}/${github.repository}/issues/new/choose`;
+};
diff --git a/apps/frontend/src/views/main.tsx b/apps/frontend/src/main.tsx
similarity index 100%
rename from apps/frontend/src/views/main.tsx
rename to apps/frontend/src/main.tsx
diff --git a/apps/frontend/src/views/pages/index.tsx b/apps/frontend/src/routes/index.tsx
similarity index 100%
rename from apps/frontend/src/views/pages/index.tsx
rename to apps/frontend/src/routes/index.tsx
diff --git a/apps/frontend/src/views/app.tsx b/apps/frontend/src/views/app.tsx
deleted file mode 100644
index 72159c7ee..000000000
--- a/apps/frontend/src/views/app.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Header } from './components/header';
-import { UsaBanner } from './components/usa-banner';
-import { HomePage } from './pages';
-
-export const App = () => {
-  return (
-    <div className="App">
-      <UsaBanner />
-      <Header />
-      <>
-        <HomePage />
-      </>
-    </div>
-  );
-};
diff --git a/apps/frontend/src/views/vite-env.d.ts b/apps/frontend/src/vite-env.d.ts
similarity index 100%
rename from apps/frontend/src/views/vite-env.d.ts
rename to apps/frontend/src/vite-env.d.ts