diff --git a/README.md b/README.md index 1a857b6..7b54e98 100644 --- a/README.md +++ b/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 diff --git a/my-app/src/App.js b/my-app/src/App.js index 0c23e76..66d888e 100644 --- a/my-app/src/App.js +++ b/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() { } /> + } /> + } /> } /> {/* } /> */} diff --git a/my-app/src/components/FeedbackPage/FeedbackPage.css b/my-app/src/components/FeedbackPage/FeedbackPage.css new file mode 100644 index 0000000..563d549 --- /dev/null +++ b/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; +} diff --git a/my-app/src/components/FeedbackPage/FeedbackPage.jsx b/my-app/src/components/FeedbackPage/FeedbackPage.jsx new file mode 100644 index 0000000..9d0869d --- /dev/null +++ b/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 ( +
+ +

UGA Marketplace Feedback Form

+
+
+
+ Have feedback for UGA Marketplace?

Whether you are a student or + faculty member, your feedback is valuable and will be strongly + considered as the website continues to grow. +
+ +
+
+ ); +} + +export default FeedbackPage; diff --git a/my-app/src/components/HomeNavbar/HomeNavbar.jsx b/my-app/src/components/HomeNavbar/HomeNavbar.jsx index 2d44ed9..112cbe4 100644 --- a/my-app/src/components/HomeNavbar/HomeNavbar.jsx +++ b/my-app/src/components/HomeNavbar/HomeNavbar.jsx @@ -49,6 +49,9 @@ function HomeNavbar() {
  • FAQ
  • +
  • + Feedback +