allow switching of housing community from about menu

Author: tsurbs

frontend/src/components/challenges/hooks/use-completion-flow.ts

@@ -113,8 +113,8 @@ export function useCompletionFlow({ challenge }: UseCompletionFlowProps) {
 							setCurrentStep("commemorate");
 						}
 					},
-					onError: () => {
-						setError("Network error. Please try again.");
+					onError: (e: { message?: string } | undefined) => {
+						setError(e?.message || "Network error. Please try again.");
 						setCurrentStep("commemorate");
 					},
 				},

frontend/src/lib/auth.ts

@@ -103,8 +103,10 @@ function handleAuthSuccess(authContext: AuthContext): AuthContext {
 
 	if (user.dorm && window.location.pathname === "/dorm-select") {
 		const urlParams = new URLSearchParams(window.location.search);
-		const from = urlParams.get("from") || "/";
-		throw redirect({ to: from });
+		if (urlParams.get("from") !== "/about") {
+			const from = urlParams.get("from") || "/";
+			throw redirect({ to: from });
+		}
 	}
 
 	if (!user.dorm && window.location.pathname !== "/dorm-select") {
@@ -130,7 +132,6 @@ function handleRedirectLogic(
 	// User is authenticated and has a dorm, redirect
 	const urlParams = new URLSearchParams(window.location.search);
 	const from = urlParams.get("from") || "/";
-
 	throw redirect({ to: from });
 }
 

frontend/src/routes/_layout.about.tsx

@@ -1,4 +1,4 @@
-import { createFileRoute, useNavigate } from "@tanstack/react-router";
+import { createFileRoute, redirect, useNavigate } from "@tanstack/react-router";
 import type { ButtonHTMLAttributes } from "react";
 import Scotty from "@/assets/about-page-scotty.svg?react";
 import {
@@ -122,6 +122,18 @@ function About() {
 				<AboutButton onClick={() => navigate({ to: "/terrier-trade" })}>
 					Terrier Trade
 				</AboutButton>
+
+				<AboutButton
+					onClick={() => {
+						const redirect =
+							new URL("/dorm-select", window.location.origin).toString() +
+							"?from=/about";
+
+						window.location.href = redirect;
+					}}
+				>
+					Dorm Select
+				</AboutButton>
 			</div>
 		</div>
 	);