Moheeb Zara
92ba6fb390
- new components/ui/page-title.tsx (PageHeader/PageTitle/SectionTitle) - every page heading routed through PageTitle (one source of truth for the page-title style; identical render) - members restricted-directory screen now uses the standard PageHeader bar instead of an off-style mono heading
84 lines
2.8 KiB
TypeScript
84 lines
2.8 KiB
TypeScript
import { createClient } from '@/lib/supabase/server'
|
|
import { PageHeader, PageTitle } from '@/components/ui/page-title'
|
|
import { MembersClient } from './members-client'
|
|
|
|
// member_directory_visibility values come from space settings:
|
|
// admin_only — only admins see the directory
|
|
// board_visible — admins + board + treasurer see the directory
|
|
// members_visible — every member of the space sees the directory (default)
|
|
const ELEVATED_ROLES = new Set(['admin', 'board', 'treasurer'])
|
|
|
|
export default async function MembersPage() {
|
|
const supabase = await createClient()
|
|
const { data: { user } } = await supabase.auth.getUser()
|
|
if (!user) return null
|
|
|
|
const { data: self } = await supabase
|
|
.from('space_members')
|
|
.select('space_id, role')
|
|
.eq('user_id', user.id)
|
|
.in('status', ['current', 'unverified', 'late'])
|
|
.single()
|
|
|
|
if (!self) return null
|
|
|
|
const { data: space } = await supabase
|
|
.from('spaces')
|
|
.select('member_directory_visibility')
|
|
.eq('id', self.space_id)
|
|
.single()
|
|
|
|
const visibility = space?.member_directory_visibility ?? 'members_visible'
|
|
const isAdmin = self.role === 'admin'
|
|
const isElevated = ELEVATED_ROLES.has(self.role)
|
|
|
|
const allowed =
|
|
visibility === 'members_visible' ||
|
|
(visibility === 'board_visible' && isElevated) ||
|
|
(visibility === 'admin_only' && isAdmin)
|
|
|
|
if (!allowed) {
|
|
return (
|
|
<div>
|
|
<PageHeader>
|
|
<PageTitle>Members</PageTitle>
|
|
</PageHeader>
|
|
<div className="p-8 max-w-2xl">
|
|
<div className="bg-card border border-border rounded p-6">
|
|
<p className="font-sans text-sm text-foreground mb-2">The member directory is restricted in this space.</p>
|
|
<p className="font-sans text-sm text-muted-foreground">
|
|
A space admin has set member directory visibility to <code className="font-mono text-xs px-1 py-0.5 bg-muted rounded">{visibility}</code>.
|
|
Contact an admin if you need access.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
const { data: members } = await supabase
|
|
.from('space_members')
|
|
.select('*')
|
|
.eq('space_id', self.space_id)
|
|
.order('joined_at')
|
|
|
|
// Area-lead roles, so admin/board can assign a lead straight from a member
|
|
// row (the same capability also lives in Customize -> Area leads).
|
|
const canManageLeads = self.role === 'admin' || self.role === 'board'
|
|
const { data: areaLeadRoles } = canManageLeads
|
|
? await supabase
|
|
.from('area_leads')
|
|
.select('id, area_name, lead_id')
|
|
.eq('space_id', self.space_id)
|
|
.order('area_name')
|
|
: { data: [] }
|
|
|
|
return (
|
|
<MembersClient
|
|
members={members ?? []}
|
|
currentRole={self.role}
|
|
areaLeadRoles={(areaLeadRoles ?? []) as Array<{ id: string; area_name: string; lead_id: string | null }>}
|
|
/>
|
|
)
|
|
}
|