From b5692b9468172ac8edd7b4ca274d815ed836a393 Mon Sep 17 00:00:00 2001 From: westonz7042 Date: Thu, 15 May 2025 22:33:16 -0700 Subject: [PATCH 1/3] faq page --- frontend/public/downArrow.svg | 9 ++++ frontend/src/App.tsx | 3 +- frontend/src/pages/FaqPage.tsx | 81 ++++++++++++++++++++++++++++++++++ 3 files changed, 92 insertions(+), 1 deletion(-) create mode 100644 frontend/public/downArrow.svg create mode 100644 frontend/src/pages/FaqPage.tsx diff --git a/frontend/public/downArrow.svg b/frontend/public/downArrow.svg new file mode 100644 index 0000000..ee45f3c --- /dev/null +++ b/frontend/public/downArrow.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index 2a21084..b07fce5 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -12,7 +12,7 @@ import { IndividualProductPage } from "../src/pages/Individual-product-page"; import { PageNotFound } from "../src/pages/PageNotFound"; import FirebaseProvider from "../src/utils/FirebaseProvider"; import { SavedProducts } from "./pages/SavedProducts"; - +import { FaqPage } from "../src/pages/FaqPage"; const router = createBrowserRouter([ { path: "/", @@ -58,6 +58,7 @@ const router = createBrowserRouter([ ), }, + { path: "/faq", element: }, { path: "*", element: , diff --git a/frontend/src/pages/FaqPage.tsx b/frontend/src/pages/FaqPage.tsx new file mode 100644 index 0000000..63570aa --- /dev/null +++ b/frontend/src/pages/FaqPage.tsx @@ -0,0 +1,81 @@ +import { useNavigate } from "react-router-dom"; +import { useState } from "react"; + +type FaqItemProps = { + question: string; + answer: JSX.Element; +}; + +function FaqItem({ question, answer }: FaqItemProps) { + const [isOpen, setIsOpen] = useState(false); + + return ( +
+ + {isOpen &&
{answer}
} +
+ ); +} + +export function FaqPage() { + const navigate = useNavigate(); + + return ( +
+
+ +
+ Frequently Asked Questions +
+ + +

We let you buy stuff for cheap at UCSD!

+

+ Read more about Low-Price Center{" "} + +

+
+ } + /> + + + No, Low-Price Center is an independent entity and is not officially affiliated with + UCSD. +

+ } + /> + + Visit our marketplace, contact sellers if interested, and then meet to purchase!

+ } + /> +
+ + ); +} From 5166a2a4bfc74146d8bcdcdcbb489a59e5f2decd Mon Sep 17 00:00:00 2001 From: westonz7042 Date: Wed, 21 May 2025 20:18:17 -0700 Subject: [PATCH 2/3] a --- frontend/src/pages/FaqPage.tsx | 37 +++++++++++++++++++++++++++++++++- 1 file changed, 36 insertions(+), 1 deletion(-) diff --git a/frontend/src/pages/FaqPage.tsx b/frontend/src/pages/FaqPage.tsx index 63570aa..9e4418c 100644 --- a/frontend/src/pages/FaqPage.tsx +++ b/frontend/src/pages/FaqPage.tsx @@ -68,7 +68,42 @@ export function FaqPage() {

} /> - + + No, Low-Price Center is an independent entity and is not officially affiliated with + UCSD. +

+ } + /> + + No, Low-Price Center is an independent entity and is not officially affiliated with + UCSD. +

+ } + /> + + No, Low-Price Center is an independent entity and is not officially affiliated with + UCSD. +

+ } + /> + + No, Low-Price Center is an independent entity and is not officially affiliated with + UCSD. +

+ } + /> Date: Wed, 21 May 2025 20:35:53 -0700 Subject: [PATCH 3/3] navbar + mobile --- frontend/src/components/Navbar.tsx | 39 +++++++++++++++++++++++++++--- 1 file changed, 35 insertions(+), 4 deletions(-) diff --git a/frontend/src/components/Navbar.tsx b/frontend/src/components/Navbar.tsx index b35b3c6..0aef1d1 100644 --- a/frontend/src/components/Navbar.tsx +++ b/frontend/src/components/Navbar.tsx @@ -1,4 +1,11 @@ -import { faBars, faCartShopping, faUser, faXmark, faHeart } from "@fortawesome/free-solid-svg-icons"; +import { + faBars, + faCartShopping, + faUser, + faXmark, + faHeart, + faQuestion, +} from "@fortawesome/free-solid-svg-icons"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { useContext, useEffect, useRef, useState } from "react"; import { FirebaseContext } from "src/utils/FirebaseProvider"; @@ -70,13 +77,23 @@ export function Navbar() { hidden={user === null} onClick={() => (window.location.href = "/saved-products")} className="font-inter px-4 py-1 bg-transparent border-transparent rounded hover:bg-ucsd-darkblue transition-colors" + > + + Saved + + +
  • +
  • @@ -129,6 +146,20 @@ export function Navbar() { Products
    • +
  • + +
  • {user ? (