feat(finals): prominent finalist-docs banner on jury dashboard + gate nav to finals jury
All checks were successful
Build and Push Docker Image / build (push) Successful in 7m37s
All checks were successful
Build and Push Docker Image / build (push) Successful in 7m37s
Grand-Final jurors couldn't find the finalist documents review: the only entry point was a top-nav text link (hidden in the hamburger on mobile), with nothing on the dashboard. Add a prominent dashboard banner (shown only to finals-jury members) linking to /jury/finals-documents, and gate the nav "Finalist Documents" link to members so other jurors don't hit a dead "No access" page. - finalist.canReviewDocuments: lightweight boolean procedure (self-resolves active program) so the nav can gate the link without fetching the full payload - jury-nav: show "Finalist Documents" only when canReviewDocuments - jury dashboard: FinalsJuryBanner server component, gated via userCanReviewFinals, rendered above content regardless of assignment state Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -28,7 +28,9 @@ import {
|
||||
Waves,
|
||||
Send,
|
||||
Trophy,
|
||||
FileText,
|
||||
} from 'lucide-react'
|
||||
import { userCanReviewFinals, getOpenFinaleRound } from '@/server/services/final-documents'
|
||||
import { formatDateOnly } from '@/lib/utils'
|
||||
import { CountdownTimer } from '@/components/shared/countdown-timer'
|
||||
import { AnimatedCard } from '@/components/shared/animated-container'
|
||||
@@ -42,6 +44,70 @@ function getGreeting(): string {
|
||||
return 'Good evening'
|
||||
}
|
||||
|
||||
/**
|
||||
* Prominent entry point to the finalist documents review, shown only to
|
||||
* Grand-Final jury members (and admins). Rendered at the top of the dashboard
|
||||
* regardless of whether the juror has individual assignments, so finals jurors
|
||||
* can always find the teams' files in one obvious place.
|
||||
*/
|
||||
async function FinalsJuryBanner() {
|
||||
const session = await auth()
|
||||
const userId = session?.user?.id
|
||||
if (!userId) return null
|
||||
|
||||
const program = await prisma.program.findFirst({
|
||||
where: { status: 'ACTIVE' },
|
||||
orderBy: { year: 'desc' },
|
||||
select: { id: true },
|
||||
})
|
||||
if (!program) return null
|
||||
|
||||
const canReview = await userCanReviewFinals(prisma, userId, session.user.role, program.id)
|
||||
if (!canReview) return null
|
||||
|
||||
const round = await getOpenFinaleRound(prisma, program.id)
|
||||
const teamCount = round
|
||||
? await prisma.projectRoundState.count({ where: { roundId: round.id } })
|
||||
: 0
|
||||
|
||||
return (
|
||||
<AnimatedCard index={0}>
|
||||
<Card className="overflow-hidden border-0 shadow-lg">
|
||||
<div className="rounded-lg bg-gradient-to-r from-brand-blue to-brand-teal p-[1px]">
|
||||
<CardContent className="flex flex-col gap-4 rounded-[7px] bg-background p-5 sm:flex-row sm:items-center sm:justify-between">
|
||||
<div className="flex items-start gap-4">
|
||||
<div className="shrink-0 rounded-xl bg-gradient-to-br from-brand-blue to-brand-teal p-3 shadow-sm">
|
||||
<Trophy className="h-6 w-6 text-white" />
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-[11px] font-semibold uppercase tracking-wider text-brand-teal">
|
||||
Grand Final
|
||||
</p>
|
||||
<h2 className="text-lg font-bold text-brand-blue">Finalist Documents</h2>
|
||||
<p className="mt-0.5 max-w-md text-sm text-muted-foreground">
|
||||
{teamCount > 0 ? `All ${teamCount} finalist teams’ ` : 'Every finalist team’s '}
|
||||
pitch decks, business plans, executive summaries and videos — in one place.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<Button
|
||||
asChild
|
||||
size="lg"
|
||||
className="w-full shrink-0 bg-brand-blue shadow-md hover:bg-brand-blue-light sm:w-auto"
|
||||
>
|
||||
<Link href="/jury/finals-documents">
|
||||
<FileText className="mr-2 h-4 w-4" />
|
||||
Review Finalist Documents
|
||||
<ArrowRight className="ml-2 h-4 w-4" />
|
||||
</Link>
|
||||
</Button>
|
||||
</CardContent>
|
||||
</div>
|
||||
</Card>
|
||||
</AnimatedCard>
|
||||
)
|
||||
}
|
||||
|
||||
async function JuryDashboardContent() {
|
||||
const session = await auth()
|
||||
const userId = session?.user?.id
|
||||
@@ -863,6 +929,11 @@ export default async function JuryDashboardPage() {
|
||||
{/* Preferences banner (shown when juror has unconfirmed preferences) */}
|
||||
<JuryPreferencesBanner />
|
||||
|
||||
{/* Grand-Final finalist documents — prominent entry for finals jurors */}
|
||||
<Suspense fallback={null}>
|
||||
<FinalsJuryBanner />
|
||||
</Suspense>
|
||||
|
||||
{/* Content */}
|
||||
<Suspense fallback={<DashboardSkeleton />}>
|
||||
<JuryDashboardContent />
|
||||
|
||||
Reference in New Issue
Block a user