Photos->new website

package.json

@@ -18,7 +18,7 @@
 		"@heroicons/react": "^2.0.18",
 		"@mui/icons-material": "^6.0.0",
 		"@mui/material": "^6.4.4",
-		"@next/third-parties": "^15.3.1",
+		"@next/third-parties": "^16.0.0",
 		"@posthog/nextjs-config": "^1.0.2",
 		"@radix-ui/react-avatar": "^1.1.10",
 		"@radix-ui/react-checkbox": "^1.3.2",
@@ -45,17 +45,17 @@
 		"class-variance-authority": "^0.7.1",
 		"clsx": "^2.1.1",
 		"cmdk": "^1.1.1",
-		"eslint": "9.38.0",
-		"eslint-config-next": "15.5.6",
+		"eslint": "9.39.1",
+		"eslint-config-next": "16.0.1",
 		"firebase": "^12.0.0",
 		"form-data": "^4.0.0",
 		"framer-motion": "^12.0.0",
 		"ics": "^3.8.1",
 		"jwt-decode": "^4.0.0",
 		"lint-staged": "^16.0.0",
-		"lucide-react": "^0.546.0",
+		"lucide-react": "^0.552.0",
 		"luxon": "^3.4.2",
-		"next": "15.5.6",
+		"next": "16.0.1",
 		"posthog-js": "^1.257.0",
 		"posthog-node": "^5.5.1",
 		"prettier": "^3.3.3",

src/app/(protected)/reimbursements/page.tsx

@@ -28,7 +28,7 @@ import {
 	Status,
 	SubmitterType,
 	useCreateFinance,
-	Category,
+	UsersCategory
 } from "@/lib/api/finance";
 import { useFlagState } from "@/lib/api/flag/hook";
 
@@ -64,7 +64,7 @@ const reimbursementSchema = z.object({
 			required_error: "Description is required",
 		})
 		.min(5, "Description must be at least 5 characters"),
-	category: z.nativeEnum(Category, {
+	category: z.nativeEnum(UsersCategory, {
 		required_error: "Category is required",
 	}),
 	street: z
@@ -102,7 +102,7 @@ const BasicInfoStep = ({
 }: {
 	control: any;
 	errors: any;
-	categories: Category[];
+	categories: UsersCategory[];
 }) => (
 	<Grid container spacing={4} className="mb-6">
 		<Grid item xs={12} md={6}>
@@ -332,7 +332,8 @@ const NavigationButtons = ({
 
 // ----- 3) Main ReimbursementPage Component -----
 const steps = ["Basic Information", "Address Details", "Receipt Upload"];
-const categories = Object.values(Category);
+const categories = Object.values(UsersCategory
+);
 
 export default function ReimbursementPage() {
 	const [activeStep, setActiveStep] = useState(0);
@@ -371,7 +372,7 @@ export default function ReimbursementPage() {
 		},
 		defaultValues: {
 			amount: 0,
-			category: Category.Food,
+			category: UsersCategory.TravelTransportation,
 			description: "",
 			street: "",
 			city: "",

src/components/Navbar/index.tsx

@@ -157,24 +157,28 @@ const Navbar: React.FC = () => {
 		setIsMenuOpen(false);
 	}, [pathname]);
 
-	const getNavItems = () => {
-		const baseItems = [
+	const getNavItems = (): NavItemProps[] => {
+		const baseItems: NavItemProps[] = [
 			{ href: isHome ? "#info" : "/#info", text: "About" },
 			{ href: isHome ? "#schedule" : "/#schedule", text: "Schedule" },
 			{ href: isHome ? "#prizes" : "/#prizes", text: "Prizes" },
 			{ href: isHome ? "#sponsors" : "/#sponsors", text: "Sponsors" },
 			{ href: isHome ? "#faq" : "/#faq", text: "FAQ" },
 		];
 
-		const authItem =
+		const authItem: NavItemProps =
 			!isLoading && isAuthenticated
 				? { href: "/profile", text: "Profile" }
 				: { href: "/profile", text: "Register" };
 
 		// Only show photos link for authenticated users (keeps homepage clean for guests)
 		const photosItem =
 			!isLoading && isAuthenticated
-				? { href: "/photos", text: "Photos" }
+				? {
+						href: "https://go.hackpsu.org/photos",
+						text: "Photos",
+						isExternal: true,
+					}
 				: null;
 
 		return photosItem
@@ -236,7 +240,11 @@ const Navbar: React.FC = () => {
 									animate={{ opacity: 1, y: 0 }}
 									transition={{ duration: 0.4, delay: 0.3 + index * 0.1 }}
 								>
-									<NavItem href={item.href} text={item.text} />
+									<NavItem
+										href={item.href}
+										text={item.text}
+										isExternal={item.isExternal}
+									/>
 								</motion.div>
 							))}
 						</motion.div>
@@ -322,6 +330,7 @@ const Navbar: React.FC = () => {
 										<MobileNavItem
 											href={item.href}
 											text={item.text}
+											isExternal={item.isExternal}
 											onClick={toggleMenu}
 										/>
 									</motion.div>

src/lib/api/finance/entity.ts

@@ -10,6 +10,10 @@ export enum SubmitterType {
 	ORGANIZER = "ORGANIZER",
 }
 
+export enum UsersCategory {
+	TravelTransportation = "Travel - Transportation"
+}
+
 export enum Category {
 	TelephoneRental = "Telephone Rental",
 	Postage = "Postage",

src/styles/globals.css

@@ -1,3 +1,7 @@
+@import url("https://fonts.googleapis.com/css?family=Lato:300,400,500,600,700");
+@import url("https://fonts.googleapis.com/css2?family=Rye&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Monomaniac+One&display=swap");
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
@@ -31,9 +35,6 @@
 	animation: float-up linear infinite;
 }
 
-@import url("https://fonts.googleapis.com/css?family=Lato:300,400,500,600,700");
-@import url("https://fonts.googleapis.com/css2?family=Rye&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Monomaniac+One&display=swap");
 
 @layer base {
 	:root {