Nattanin
ef20839f99
Phase 1-2: Setup, SQL schema, enums, queue constants, base entities
Phase 3 (US1): ReviewTeam, ReviewTeamMember, ReviewTask, TaskCreationService
Phase 4 (US2): ResponseCode, ResponseCodeRule, ImplicationsService, NotificationTriggerService
Phase 5 (US3): Delegation entity, CircularDetectionService, DelegationService/Controller/Module
Phase 6 (US4): ReminderRule, SchedulerService, EscalationService, ReminderProcessor, ReminderModule
Phase 7 (US5): DistributionMatrix, DistributionRecipient, ApprovalListenerService (Strangler),
TransmittalCreatorService, DistributionProcessor, DistributionModule
Phase 8 (US6): MatrixManagementService, InheritanceService (global→project override)
Phase 9 (Polish): AggregateStatusService, ConsensusService, VetoOverrideService,
ParallelGatewayHandler, review-validators, optimistic locking in completeReview,
test stubs (unit/integration/e2e), jest.config.js updated for tests/ directory
Frontend: ReviewTaskInbox, ParallelProgress, VetoOverrideDialog, DelegationForm,
DelegatedBadge, MatrixEditor, ProjectOverrideManager, DistributionStatus,
ReminderHistory, ResponseCodeSelector, CodeImplications, CompleteReviewForm,
ReviewTeamForm, ReviewTeamSelector, TeamMemberManager
Closes #1
85 lines
2.5 KiB
TypeScript
85 lines
2.5 KiB
TypeScript
'use client';
|
|
|
|
// File: components/review-team/ReviewTeamSelector.tsx
|
|
// Selector component สำหรับเลือก Review Team ตอน Submit RFA (T023)
|
|
import {
|
|
Select,
|
|
SelectContent,
|
|
SelectItem,
|
|
SelectTrigger,
|
|
SelectValue,
|
|
} from '@/components/ui/select';
|
|
import { Badge } from '@/components/ui/badge';
|
|
import { Users } from 'lucide-react';
|
|
import { useReviewTeams } from '@/hooks/use-review-teams';
|
|
import { ReviewTeam } from '@/types/review-team';
|
|
|
|
interface ReviewTeamSelectorProps {
|
|
projectPublicId: string;
|
|
rfaTypeCode?: string;
|
|
value?: string;
|
|
onChange: (publicId: string | undefined) => void;
|
|
disabled?: boolean;
|
|
}
|
|
|
|
export function ReviewTeamSelector({
|
|
projectPublicId,
|
|
rfaTypeCode,
|
|
value,
|
|
onChange,
|
|
disabled,
|
|
}: ReviewTeamSelectorProps) {
|
|
const { data: teams = [], isLoading } = useReviewTeams({
|
|
projectPublicId,
|
|
isActive: true,
|
|
});
|
|
|
|
// กรอง teams ที่ match กับ rfaTypeCode (ถ้ากำหนด)
|
|
const filteredTeams = rfaTypeCode
|
|
? (teams as ReviewTeam[]).filter(
|
|
(t) => !t.defaultForRfaTypes?.length || t.defaultForRfaTypes.includes(rfaTypeCode),
|
|
)
|
|
: (teams as ReviewTeam[]);
|
|
|
|
return (
|
|
<div className="space-y-2">
|
|
<div className="flex items-center gap-2 text-sm font-medium">
|
|
<Users className="h-4 w-4" />
|
|
<span>Review Team (Parallel Review)</span>
|
|
<Badge variant="outline" className="text-xs">Optional</Badge>
|
|
</div>
|
|
|
|
<Select
|
|
value={value ?? ''}
|
|
onValueChange={(v: string) => onChange(v || undefined)}
|
|
disabled={disabled || isLoading}
|
|
>
|
|
<SelectTrigger>
|
|
<SelectValue placeholder={isLoading ? 'Loading teams...' : 'Skip — no parallel review'} />
|
|
</SelectTrigger>
|
|
<SelectContent>
|
|
<SelectItem value="">Skip — no parallel review</SelectItem>
|
|
{filteredTeams.map((team) => (
|
|
<SelectItem key={team.publicId} value={team.publicId}>
|
|
<div className="flex items-center gap-2">
|
|
<span>{team.name}</span>
|
|
{(team.members ?? []).length > 0 && (
|
|
<span className="text-xs text-muted-foreground">
|
|
({team.members?.length} members)
|
|
</span>
|
|
)}
|
|
</div>
|
|
</SelectItem>
|
|
))}
|
|
</SelectContent>
|
|
</Select>
|
|
|
|
{value && (
|
|
<p className="text-xs text-muted-foreground">
|
|
Parallel review tasks will be created for each discipline in the selected team.
|
|
</p>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|