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
83 lines
3.1 KiB
TypeScript
83 lines
3.1 KiB
TypeScript
'use client';
|
|
|
|
// File: components/response-code/CodeImplications.tsx
|
|
// แสดงผลกระทบของ Response Code ที่เลือก (FR-007)
|
|
import { AlertTriangle, Clock, DollarSign, FileText, Leaf } from 'lucide-react';
|
|
import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';
|
|
import { Badge } from '@/components/ui/badge';
|
|
import { ResponseCode } from '@/types/review-team';
|
|
|
|
interface CodeImplicationsProps {
|
|
responseCode: ResponseCode;
|
|
}
|
|
|
|
const SEVERITY_VARIANTS = {
|
|
'3': { variant: 'destructive' as const, label: 'Critical — Document Rejected' },
|
|
'1C': { variant: 'default' as const, label: 'High — Contract Implications' },
|
|
'1D': { variant: 'default' as const, label: 'High — Alternative Approved' },
|
|
'2': { variant: 'default' as const, label: 'Moderate — Revision Required' },
|
|
};
|
|
|
|
export function CodeImplications({ responseCode }: CodeImplicationsProps) {
|
|
const impl = responseCode.implications;
|
|
const notifyRoles = responseCode.notifyRoles ?? [];
|
|
|
|
const hasImplications =
|
|
impl?.affectsSchedule ||
|
|
impl?.affectsCost ||
|
|
impl?.requiresContractReview ||
|
|
impl?.requiresEiaAmendment ||
|
|
notifyRoles.length > 0;
|
|
|
|
if (!hasImplications) return null;
|
|
|
|
const severityInfo = SEVERITY_VARIANTS[responseCode.code as keyof typeof SEVERITY_VARIANTS];
|
|
|
|
return (
|
|
<Alert variant={severityInfo?.variant ?? 'default'} className="mt-2">
|
|
<AlertTriangle className="h-4 w-4" />
|
|
<AlertTitle className="font-semibold">
|
|
{severityInfo?.label ?? 'Action Required'}
|
|
</AlertTitle>
|
|
<AlertDescription>
|
|
<div className="space-y-1 mt-1">
|
|
{impl?.affectsSchedule && (
|
|
<div className="flex items-center gap-2 text-sm">
|
|
<Clock className="h-3.5 w-3.5 flex-shrink-0" />
|
|
<span>May affect project schedule</span>
|
|
</div>
|
|
)}
|
|
{impl?.affectsCost && (
|
|
<div className="flex items-center gap-2 text-sm">
|
|
<DollarSign className="h-3.5 w-3.5 flex-shrink-0" />
|
|
<span>Cost impact — QS assessment required</span>
|
|
</div>
|
|
)}
|
|
{impl?.requiresContractReview && (
|
|
<div className="flex items-center gap-2 text-sm">
|
|
<FileText className="h-3.5 w-3.5 flex-shrink-0" />
|
|
<span>Contract review required</span>
|
|
</div>
|
|
)}
|
|
{impl?.requiresEiaAmendment && (
|
|
<div className="flex items-center gap-2 text-sm">
|
|
<Leaf className="h-3.5 w-3.5 flex-shrink-0" />
|
|
<span>EIA amendment may be required</span>
|
|
</div>
|
|
)}
|
|
{notifyRoles.length > 0 && (
|
|
<div className="flex items-center gap-1 flex-wrap mt-1">
|
|
<span className="text-xs text-muted-foreground">Will notify:</span>
|
|
{notifyRoles.map((role) => (
|
|
<Badge key={role} variant="outline" className="text-xs">
|
|
{role.replace(/_/g, ' ')}
|
|
</Badge>
|
|
))}
|
|
</div>
|
|
)}
|
|
</div>
|
|
</AlertDescription>
|
|
</Alert>
|
|
);
|
|
}
|