fix(mobile): conditionally show org members back header

Author: makerjackie

apps/web/src/app/(main)/(public)/orgs/[slug]/members/page.tsx

@@ -12,12 +12,14 @@ import {
 import { OrganizationSwitcher } from "@account/organizations/components/OrganizationSwitcher";
 import { ArrowLeft, Loader2, Settings, UserPlus } from "lucide-react";
 import Link from "next/link";
-import { useParams } from "next/navigation";
+import { useParams, useSearchParams } from "next/navigation";
 import { useEffect, useMemo } from "react";
 
 export default function OrganizationPublicMembersPage() {
 	const params = useParams();
+	const searchParams = useSearchParams();
 	const slug = params.slug as string;
+	const showMobileBackHeader = searchParams.get("from") === "community-home";
 	const authStatus = useAuthStatus();
 	const currentUser = authStatus.user;
 
@@ -50,7 +52,7 @@ export default function OrganizationPublicMembersPage() {
 	if (loading) {
 		return (
 			<>
-				<MobilePageHeader title="成员" />
+				{showMobileBackHeader && <MobilePageHeader title="成员" />}
 				<div className="max-w-6xl mx-auto px-4 lg:px-8 py-5 lg:py-6">
 					<div className="flex items-center justify-center py-20">
 						<Loader2 className="h-6 w-6 animate-spin text-gray-400" />
@@ -63,7 +65,7 @@ export default function OrganizationPublicMembersPage() {
 	if (error || !organization) {
 		return (
 			<>
-				<MobilePageHeader title="成员" />
+				{showMobileBackHeader && <MobilePageHeader title="成员" />}
 				<div className="max-w-6xl mx-auto px-4 lg:px-8 py-5 lg:py-6">
 					<EmptyState
 						title="加载失败"
@@ -85,7 +87,9 @@ export default function OrganizationPublicMembersPage() {
 
 	return (
 		<>
-			<MobilePageHeader title={`${organization.name} · 成员`} />
+			{showMobileBackHeader && (
+				<MobilePageHeader title={`${organization.name} · 成员`} />
+			)}
 			<div className="max-w-6xl mx-auto px-4 lg:px-8 py-5 lg:py-6">
 				{/* Org Switcher / Back link */}
 				{organization && currentUser ? (

apps/web/src/modules/public/organizations/components/OrganizationMobileBottomToolbar.tsx

@@ -44,7 +44,9 @@ export function OrganizationMobileBottomToolbar({
 
 	const handlePrimaryAction = () => {
 		if (userMembership) {
-			router.push(`/orgs/${organizationSlug}/members`);
+			router.push(
+				`/orgs/${organizationSlug}/members?from=community-home`,
+			);
 			return;
 		}
 

apps/web/src/modules/public/organizations/components/OrganizationPublicHomepage.tsx

@@ -236,6 +236,7 @@ export function OrganizationPublicHomepage({
 		: {};
 	const coverImageSrc = organization.coverImage ?? null;
 	const hasCoverImage = Boolean(coverImageSrc);
+	const membersPageHref = `/orgs/${organization.slug}/members?from=community-home`;
 
 	const functionalRolesErrorMessage =
 		functionalRolesError instanceof Error
@@ -368,7 +369,7 @@ export function OrganizationPublicHomepage({
 							{userMembership ? (
 								<>
 									<Link
-										href={`/orgs/${organization.slug}/members`}
+										href={membersPageHref}
 										className="flex w-full items-center justify-center gap-2 bg-black dark:bg-white py-2.5 rounded-md text-sm font-bold text-white dark:text-black shadow-sm transition-colors hover:bg-gray-800 dark:hover:bg-gray-200"
 									>
 										<Users className="h-3.5 w-3.5" />
@@ -510,7 +511,7 @@ export function OrganizationPublicHomepage({
 							/>
 							{organization.membersCount > 0 && (
 								<Link
-									href={`/orgs/${organization.slug}/members`}
+									href={membersPageHref}
 									className="inline-flex items-center gap-1.5 mt-3 text-xs font-bold text-muted-foreground hover:text-black dark:hover:text-white transition-colors"
 								>
 									查看全部 {organization.membersCount} 位成员
@@ -637,7 +638,7 @@ export function OrganizationPublicHomepage({
 									{userMembership ? (
 										<>
 											<Link
-												href={`/orgs/${organization.slug}/members`}
+												href={membersPageHref}
 												className="block w-full bg-black dark:bg-white text-white dark:text-black py-2.5 rounded-md font-bold text-sm text-center shadow-sm hover:bg-gray-800 dark:hover:bg-gray-200 transition-colors"
 											>
 												{t("public.enterOrganization")}