140 lines
4.2 KiB
TypeScript
140 lines
4.2 KiB
TypeScript
'use client';
|
|
|
|
import React, { useEffect, useState, use } from 'react';
|
|
import { useRouter, useSearchParams } from 'next/navigation';
|
|
import {
|
|
fetchFounderClubContext,
|
|
FounderClubContext,
|
|
sanitizePortalError,
|
|
} from '../../../../../lib/club-data';
|
|
import { FounderPortalShell } from '../../../../../components/founder-portal/founder-portal-shell';
|
|
import { FounderApplications } from '../../../../../components/founder-portal/founder-applications';
|
|
import { OverviewSkeleton } from '../../../../../components/founder-portal/skeleton-state';
|
|
import { SafeErrorState } from '../../../../../components/founder-portal/safe-error-state';
|
|
import { firebaseAuth } from '../../../../../lib/firebase-client';
|
|
|
|
interface PageProps {
|
|
params: Promise<{ clubId: string }>;
|
|
}
|
|
|
|
export default function ClubFounderApplicationsPage({ params }: PageProps) {
|
|
const { clubId } = use(params);
|
|
const router = useRouter();
|
|
const searchParams = useSearchParams();
|
|
|
|
const [context, setContext] = useState<FounderClubContext | null>(null);
|
|
const [loading, setLoading] = useState(true);
|
|
const [error, setError] = useState<string | null>(null);
|
|
const [unauthenticated, setUnauthenticated] = useState(false);
|
|
const [unauthorized, setUnauthorized] = useState(false);
|
|
|
|
async function loadData() {
|
|
setLoading(true);
|
|
setError(null);
|
|
setUnauthenticated(false);
|
|
setUnauthorized(false);
|
|
|
|
try {
|
|
await firebaseAuth.authStateReady();
|
|
const currentUser = firebaseAuth.currentUser;
|
|
const isDemoPreview = searchParams?.get('preview') === 'demo';
|
|
|
|
// Unauthenticated Guard: Direct access without demo preview requires authentication
|
|
if (!isDemoPreview && !currentUser) {
|
|
setUnauthenticated(true);
|
|
setLoading(false);
|
|
return;
|
|
}
|
|
|
|
const ctx = await fetchFounderClubContext(clubId, currentUser?.uid, {
|
|
allowDemoPreview: isDemoPreview,
|
|
});
|
|
|
|
// Authorization Guard: Owner and Admin can access Applications; Members cannot
|
|
if (!isDemoPreview && (!ctx.permissions.canApproveApplications && !ctx.permissions.canManageSettings)) {
|
|
setUnauthorized(true);
|
|
setLoading(false);
|
|
return;
|
|
}
|
|
|
|
setContext(ctx);
|
|
} catch (err) {
|
|
setError(sanitizePortalError(err, "Club applications couldn't be loaded."));
|
|
} finally {
|
|
setLoading(false);
|
|
}
|
|
}
|
|
|
|
useEffect(() => {
|
|
void loadData();
|
|
}, [clubId]);
|
|
|
|
if (loading) {
|
|
return (
|
|
<div className="min-h-screen bg-surface p-6">
|
|
<OverviewSkeleton />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
// Unauthenticated safe error state
|
|
if (unauthenticated) {
|
|
return (
|
|
<div className="min-h-screen bg-surface flex items-center justify-center p-6">
|
|
<SafeErrorState
|
|
title="Authentication Required"
|
|
message="Sign in with your rider account to access club applications."
|
|
actionLabel="Sign In"
|
|
onAction={() => router.push('/login')}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
// Unauthorized (Member or non-admin) safe error state
|
|
if (unauthorized) {
|
|
return (
|
|
<div className="min-h-screen bg-surface flex items-center justify-center p-6">
|
|
<SafeErrorState
|
|
title="Management Access Restricted"
|
|
message="You must be an Owner or Admin of this Club to access Club Applications."
|
|
actionLabel="Return to Clubs"
|
|
onAction={() => router.push('/clubs')}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
// Error or missing context
|
|
if (error || !context) {
|
|
return (
|
|
<div className="min-h-screen bg-surface flex items-center justify-center p-6">
|
|
<SafeErrorState
|
|
title="Applications Unavailable"
|
|
message={error ?? "Club applications couldn't be loaded."}
|
|
actionLabel="Return to Clubs"
|
|
onAction={() => router.push('/clubs')}
|
|
onRetry={loadData}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<FounderPortalShell
|
|
club={context.club}
|
|
permissions={context.permissions}
|
|
activeNav="applications"
|
|
pendingApplicationsCount={4}
|
|
upcomingRidesCount={2}
|
|
>
|
|
<FounderApplications
|
|
club={context.club}
|
|
permissions={context.permissions}
|
|
callerUid={context.currentUser.uid}
|
|
isDemoFixture={context.isDemoFixture}
|
|
/>
|
|
</FounderPortalShell>
|
|
);
|
|
}
|