adam/proposal-system
1
0
Fork 0
mirror of https://github.com/Sea-Haven-Industries/proposal-system.git synced 2026-10-02 22:43:18 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: switch to subtle tinted chips with borders, reduce urgent row prominence

Browse source
This commit is contained in:
Adam Moussa 2026-05-22 18:50:56 -04:00
parent cef0b611ba
commit d27cc2e528
1 changed files with 39 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
web/src/constants/index.ts
View file

@ -17,21 +17,47 @@ export const STORAGE_KEY_TOKEN = 'proposal_system_token';
export const STORAGE_KEY_SIDEBAR = 'sidebarOpen'; export const STORAGE_KEY_SIDEBAR = 'sidebarOpen';
export const PROPOSAL_STATUSES = ['Draft', 'InReview', 'Approved', 'Sent', 'Revised'] as const; export const PROPOSAL_STATUSES = ['Draft', 'InReview', 'Approved', 'Sent', 'Revised'] as const;
export const SERVICE_CATEGORIES = ['HVAC', 'Plumbing', 'Electrical', 'General', 'Renovation'] as const; export const SERVICE_CATEGORIES = ['HVAC', 'Plumbing', 'Electrical', 'General', 'Renovation', 'Other'] as const;
export const PRIORITIES = ['Standard', 'Urgent', 'Emergency'] as const; export const PRIORITIES = ['Standard', 'Urgent', 'Emergency'] as const;
export const STATUS_CHIP_STYLES: Record<string, { bgcolor: string; color: string }> = { export const STATUS_LABELS: Record<string, string> = {
Draft: { bgcolor: '#E5E7EB', color: '#374151' }, Draft: 'Draft',
InReview: { bgcolor: '#0284C7', color: '#FFFFFF' }, InReview: 'In Review',
Approved: { bgcolor: '#2E7D32', color: '#FFFFFF' }, Approved: 'Approved',
Sent: { bgcolor: '#075985', color: '#FFFFFF' }, Sent: 'Sent',
Revised: { bgcolor: '#7C3AED', color: '#FFFFFF' }, Revised: 'Revised',
}; };
export const DRAWER_WIDTH = 220; export const STATUS_CHIP_STYLES: Record<string, { bgcolor: string; color: string; border: string }> = {
Draft: { bgcolor: '#F1F5F9', color: '#334155', border: '1px solid #CBD5E1' },
export const PRIORITY_CHIP_STYLES: Record<string, { bgcolor: string; color: string }> = { InReview: { bgcolor: '#E0F2FE', color: '#075985', border: '1px solid #7DD3FC' },
Standard: { bgcolor: '#E5E7EB', color: '#374151' }, Approved: { bgcolor: '#DCFCE7', color: '#166534', border: '1px solid #86EFAC' },
Urgent: { bgcolor: '#EA580C', color: '#FFFFFF' }, Sent: { bgcolor: '#DBEAFE', color: '#1E40AF', border: '1px solid #93C5FD' },
Emergency: { bgcolor: '#DC2626', color: '#FFFFFF' }, Revised: { bgcolor: '#F3E8FF', color: '#6B21A8', border: '1px solid #C084FC' },
Rejected: { bgcolor: '#FEE2E2', color: '#991B1B', border: '1px solid #FCA5A5' },
};
export const DRAWER_WIDTH = 216;
export const PRIORITY_LABELS: Record<string, string> = {
Standard: 'Standard',
Urgent: 'Urgent',
Emergency: 'Emergency Dispatch',
};
export const PRIORITY_CHIP_STYLES: Record<string, { bgcolor: string; color: string; border: string }> = {
Standard: { bgcolor: '#E2E8F0', color: '#334155', border: '1px solid #CBD5E1' },
Urgent: { bgcolor: '#FFEDD5', color: '#9A3412', border: '1px solid #FDBA74' },
Emergency: { bgcolor: '#FEE2E2', color: '#991B1B', border: '1px solid #F87171' },
};
export const PRIORITY_ROW_SX: Record<string, object> = {
Urgent: {
backgroundColor: '#FFF7ED',
},
Emergency: {
borderLeft: '4px solid',
borderLeftColor: 'error.main',
backgroundColor: '#FEF2F2',
},
}; };