(null);
const navigate = useNavigate();
+ const navItems = [
+ { label: "Shop", path: "/products" },
+ { label: "Sell", path: "/add-product" },
+ ];
const toggleMobileMenu = () => setMobileMenuOpen((o) => !o);
@@ -118,11 +121,7 @@ export function Navbar() {
- {[
- { label: "Shop", path: "/products" },
- { label: "Sell", path: "/sell" },
- { label: "Student Organizations", path: "/organizations" },
- ].map((val) => (
+ {navItems.map((val) => (
- onClick={() => (window.location.href = "/add-product")}
- className="hover:text-ucsd-blue transition-colors"
- >
- Sell
-
-
-
-
-
-
-
- {/* ── Desktop right icons ── */}
-
- {/* Saved / Heart */}
-
-
- {/* Cart / Products */}
-
-
- {/* User avatar / Sign in */}
- {user ? (
-
- ) : (
-
- )}
-
@@ -245,30 +184,18 @@ export function Navbar() {
className={`absolute top-11 right-0 bg-white border border-gray-100 shadow-lg rounded-xl w-52 p-3 text-sm font-inter font-medium text-gray-700
transition-all duration-200 ${isMobileMenuOpen ? "block" : "hidden"}`}
>
-
-
-
-
-
-
-
-
-
+ {navItems.map((item) => (
+
+
+
+ ))}
-
{/* Mobile backdrop */}
@@ -316,4 +242,4 @@ export function Navbar() {
)}
);
-}
\ No newline at end of file
+}
diff --git a/frontend/src/pages/Individual-product-page.tsx b/frontend/src/pages/Individual-product-page.tsx
index 53e430d..18a7526 100644
--- a/frontend/src/pages/Individual-product-page.tsx
+++ b/frontend/src/pages/Individual-product-page.tsx
@@ -2,7 +2,7 @@ import { faPenToSquare, faCheck, faArrowUp } from "@fortawesome/free-solid-svg-i
import { faHeart as faHeartSolid } from "@fortawesome/free-solid-svg-icons";
import { faHeart as faHeartRegular } from "@fortawesome/free-regular-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { useContext, useEffect, useState } from "react";
+import { Suspense, lazy, useContext, useEffect, useState } from "react";
import { Helmet } from "react-helmet-async";
import { useLocation, useNavigate, useParams } from "react-router-dom";
import { get, patch, post } from "src/api/requests";
@@ -10,6 +10,12 @@ import { FirebaseContext } from "src/utils/FirebaseProvider";
import EmblaCarousel from "src/components/EmblaCarousel";
import { EmblaOptionsType } from "embla-carousel";
+const ListingMap = lazy(() => import("src/components/ListingMap"));
+const priceCenterCoordinates = {
+ lat: 32.8793,
+ lng: -117.2367,
+};
+
export function IndividualProductPage() {
const navigate = useNavigate();
const { user } = useContext(FirebaseContext);
@@ -311,6 +317,28 @@ export function IndividualProductPage() {
))}
)}
+
+ Pickup Location
+
+ This is a temporary shared pickup-location placeholder until listing-specific
+ locations are connected to the backend.
+
+
+ }
+ >
+
+
+
{!hasPermissions && (
setIsHovered(true)}
diff --git a/frontend/src/vite-env.d.ts b/frontend/src/vite-env.d.ts
index 11f02fe..004788d 100644
--- a/frontend/src/vite-env.d.ts
+++ b/frontend/src/vite-env.d.ts
@@ -1 +1,9 @@
///
+
+interface ImportMetaEnv {
+ readonly VITE_GOOGLE_MAPS_API_KEY?: string;
+}
+
+interface ImportMeta {
+ readonly env: ImportMetaEnv;
+}