feat(rfa): complete RFA Approval Refactor - all 9 phases (T001-T080)

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
2026-05-12 16:17:27 +07:00
parent 3df8707b7f
commit ef20839f99
82 changed files with 7052 additions and 104 deletions
@@ -0,0 +1,84 @@
+'use client';
+
+// File: components/reminder/ReminderHistory.tsx
+// แสดงประวัติ Reminder และ Escalation ของ Review Task (T050)
+import React from 'react';
+import { Badge } from '@/components/ui/badge';
+import { Clock, AlertTriangle, Bell } from 'lucide-react';
+
+type ReminderType = 'DUE_SOON' | 'ON_DUE' | 'OVERDUE' | 'ESCALATION_L1' | 'ESCALATION_L2';
+
+interface ReminderEntry {
+  id: string;
+  type: ReminderType;
+  sentAt: string;
+  recipient?: string;
+  isDelivered?: boolean;
+}
+
+interface ReminderHistoryProps {
+  reminders: ReminderEntry[];
+  isLoading?: boolean;
+}
+
+const TYPE_CONFIG: Record<
+  ReminderType,
+  { label: string; icon: React.ElementType; variant: 'default' | 'secondary' | 'destructive' | 'outline' }
+> = {
+  DUE_SOON: { label: 'Due Soon', icon: Clock, variant: 'outline' },
+  ON_DUE: { label: 'Due Today', icon: Bell, variant: 'secondary' },
+  OVERDUE: { label: 'Overdue', icon: AlertTriangle, variant: 'destructive' },
+  ESCALATION_L1: { label: 'Escalation L1', icon: AlertTriangle, variant: 'destructive' },
+  ESCALATION_L2: { label: 'Escalation L2 (PM)', icon: AlertTriangle, variant: 'destructive' },
+};
+
+export function ReminderHistory({ reminders, isLoading }: ReminderHistoryProps) {
+  if (isLoading) {
+    return <div className="text-sm text-muted-foreground">Loading reminder history...</div>;
+  }
+
+  if (reminders.length === 0) {
+    return <div className="text-sm text-muted-foreground">No reminders sent yet.</div>;
+  }
+
+  return (
+    <div className="space-y-2">
+      {reminders.map((entry) => {
+        const config = TYPE_CONFIG[entry.type];
+        const Icon = config.icon;
+
+        return (
+          <div
+            key={entry.id}
+            className="flex items-center justify-between py-1.5 border-b last:border-0"
+          >
+            <div className="flex items-center gap-2">
+              <Icon className="h-3.5 w-3.5 text-muted-foreground flex-shrink-0" />
+              <Badge variant={config.variant} className="text-xs">
+                {config.label}
+              </Badge>
+              {entry.recipient && (
+                <span className="text-xs text-muted-foreground">→ {entry.recipient}</span>
+              )}
+            </div>
+            <div className="flex items-center gap-2">
+              {entry.isDelivered !== undefined && (
+                <span className={`text-xs ${entry.isDelivered ? 'text-green-600' : 'text-orange-500'}`}>
+                  {entry.isDelivered ? '✓ Delivered' : '⏳ Pending'}
+                </span>
+              )}
+              <span className="text-xs text-muted-foreground">
+                {new Date(entry.sentAt).toLocaleDateString('th-TH', {
+                  day: '2-digit',
+                  month: 'short',
+                  hour: '2-digit',
+                  minute: '2-digit',
+                })}
+              </span>
+            </div>
+          </div>
+        );
+      })}
+    </div>
+  );
+}