Add Feedback page

README.md

@@ -102,3 +102,5 @@ Nikita Jha - Discord: @nikita-jha#6879
 Ivan Zheng - Discord: @IvanZ#8319   
 
 Sumin Lee - Discord: @이숨#6575
+
+Nathan Christian - Discord: NathanChr#1879

my-app/src/App.js

@@ -10,6 +10,7 @@ import CourseSwapPage from './components/CourseSwapPage/CourseSwapPage';
 import CourseSwapPagePersonal from './components/CourseSwapPage/CourseSwapPagePersonal';
 import CourseSwapPageSaved from './components/CourseSwapPage/CourseSwapPageSaved';
 import FAQPage from './components/FAQPage/FAQPage';
+import FeedbackPage from './components/FeedbackPage/FeedbackPage';
 import CreateAccountPage from './components/CreateAccountPage/CreateAccountPage';
 import TextBookPage from './components/TextBookPage/TextBook';
 import ParkingPassMain from './components/ParkingPassSwap/ParkingPassMain';
@@ -43,6 +44,8 @@ function App() {
 
           <Route path="/faq" element={<FAQPage />} />
 
+          <Route path="/feedback" element={<FeedbackPage />} />
+
           <Route path="/parking" element={<ParkingPassMain />} />
           <Route path="/tickets" element={<TicketPage />} />
           {/* <Route path="/Profile" element={<Profile />} />  */}

my-app/src/components/FeedbackPage/FeedbackPage.css

@@ -0,0 +1,30 @@
+.main-container-feedback {
+  position: relative;
+  top: var(--top-height);
+}
+
+.feedback-body {
+  display: block;
+  padding-left: 30%;
+  padding-right: 30%;
+  margin-top: 1em;
+}
+
+.form-button {
+  display: inline;
+  cursor: pointer;
+  color: white;
+  background-color: var(--color-primary);
+  border: none;
+  margin-top: 1em;
+  padding: 5px 15px;
+  border-radius: 5px;
+  transition: 0.25s;
+}
+
+.form-button:hover {
+  color: var(--color-primary);
+  background-color: white;
+  border: 1px solid var(--color-primary);
+  box-shadow: 0px 0px 15px #d9d9d9;
+}

my-app/src/components/FeedbackPage/FeedbackPage.jsx

@@ -0,0 +1,35 @@
+import React from 'react';
+
+import './FeedbackPage.css';
+import '../MainTheme.css';
+
+/* UGA Marketplace Feedback Form link */
+const FormLink =
+  'https://docs.google.com/forms/d/e/1FAIpQLSfJkjB6IcYv5ibrBpqzTXmWD3etrhj9NNrRz8mt1vgaxvwQmg/viewform?usp=sf_link';
+
+// Disbable eslint temporarily
+/* eslint-disable */
+function FeedbackPage() {
+  return (
+    <div className="main-container-feedback">
+      <b>
+        <h1>UGA Marketplace Feedback Form</h1>
+      </b>
+      <div className="feedback-body">
+        <div className="feedback-text">
+          Have feedback for UGA Marketplace?<p></p>Whether you are a student or
+          faculty member, your feedback is valuable and will be strongly
+          considered as the website continues to grow.
+        </div>
+        <button
+          onClick={() => (window.location.href = FormLink)}
+          type="button"
+          className="form-button">
+          Submit Feedback
+        </button>
+      </div>
+    </div>
+  );
+}
+
+export default FeedbackPage;

my-app/src/components/HomeNavbar/HomeNavbar.jsx

@@ -49,6 +49,9 @@ function HomeNavbar() {
             <li>
               <Link to="/faq">FAQ</Link>
             </li>
+            <li>
+              <Link to="/feedback">Feedback</Link>
+            </li>
           </ul>
         </nav>
       </div>