+
+
Active Status
setFormData((prev) => ({ ...prev, isActive: e.target.checked }))}
@@ -101,7 +115,7 @@ export const MasterItemFormModal: React.FC = ({
variant="outlined"
type="button"
onClick={onClose}
- className="!border-gray-300 !text-gray-600 px-4"
+ className="!border-gray-300 !text-gray-600 font-semibold px-5"
>
Cancel
@@ -109,7 +123,7 @@ export const MasterItemFormModal: React.FC = ({
{editingItem ? 'Save Changes' : 'Create Item'}
diff --git a/src/app/configuration/masterData/components/MasterItemTable.tsx b/src/app/configuration/masterData/components/MasterItemTable.tsx
new file mode 100644
index 0000000..4a7a236
--- /dev/null
+++ b/src/app/configuration/masterData/components/MasterItemTable.tsx
@@ -0,0 +1,208 @@
+import React from 'react';
+import {
+ PlusIcon,
+ MagnifyingGlassIcon,
+ PencilSimpleIcon,
+ TrashIcon,
+ CaretLeftIcon,
+ CaretRightIcon,
+} from '@phosphor-icons/react';
+import {
+ CustomButton,
+ CustomInput,
+ CustomLoader,
+ CustomStatus,
+} from '../../../../components/custom';
+import type { MasterDataCategoryItem, MasterDataItem } from '../MasterDataTypes';
+
+interface MasterItemTableProps {
+ selectedCategory: MasterDataCategoryItem | null;
+ filteredItems: MasterDataItem[];
+ paginatedItems: MasterDataItem[];
+ loading: boolean;
+ searchQuery: string;
+ onSearchChange: (query: string) => void;
+ currentPage: number;
+ totalPages: number;
+ pageSize: number;
+ onPageChange: (page: number) => void;
+ onOpenCreate: () => void;
+ onOpenEdit: (item: MasterDataItem) => void;
+ onOpenDelete: (item: MasterDataItem) => void;
+}
+
+export const MasterItemTable: React.FC = ({
+ selectedCategory,
+ filteredItems,
+ paginatedItems,
+ loading,
+ searchQuery,
+ onSearchChange,
+ currentPage,
+ totalPages,
+ pageSize,
+ onPageChange,
+ onOpenCreate,
+ onOpenEdit,
+ onOpenDelete,
+}) => {
+ const startIndex = filteredItems.length > 0 ? (currentPage - 1) * pageSize + 1 : 0;
+ const endIndex = Math.min(currentPage * pageSize, filteredItems.length);
+
+ return (
+
+
+ {/* Panel Header */}
+
+
+
+ {selectedCategory ? `${selectedCategory.name} Values` : 'Category Items'}
+
+
+ {selectedCategory?.description || 'View and manage configured entries for this category.'}
+
+
+
+
}
+ className="!bg-[#1E7D5C] hover:!bg-[#17664B] !rounded-[12px] !gap-[8px] !h-[40px] font-semibold text-[14px] shrink-0"
+ >
+ Add Master Value
+
+
+
+ {/* Search Bar */}
+
+ onSearchChange(e.target.value)}
+ placeholder="Search items by value or code..."
+ leftIcon={}
+ className="!bg-[#F8FAFC] !rounded-[12px] !h-[38px] !border-[#E2E8F0] text-[13px]"
+ />
+
+
+ {/* Items Table */}
+ {loading ? (
+
+
+
+ ) : !selectedCategory ? (
+
+ Select a master category from the left sidebar to view items.
+
+ ) : (
+
+
+
+
+ | Seq |
+ Value / Label |
+ Code |
+ Status |
+ Actions |
+
+
+
+ {paginatedItems.length === 0 ? (
+
+ |
+ No items found in {selectedCategory.name}. Click "Add Master Value" to create one.
+ |
+
+ ) : (
+ paginatedItems.map((item, idx) => (
+
+ |
+ #{item.displayOrder || idx + 1}
+ |
+
+
+ {item.value || item.label || item.name}
+ |
+
+
+ {item.code || '—'}
+ |
+
+
+
+ |
+
+
+
+
+
+
+ |
+
+ ))
+ )}
+
+
+
+ )}
+
+
+ {/* Pagination Footer Bar */}
+ {selectedCategory && (
+
+
+ Showing {filteredItems.length > 0 ? startIndex : 0} to{' '}
+ {endIndex} of {filteredItems.length} items
+
+
+ {totalPages > 1 && (
+
+
+
+ {Array.from({ length: totalPages }, (_, i) => i + 1).map((page) => (
+
+ ))}
+
+
+
+ )}
+
+ )}
+
- {/* Top Header Component */}
-
-
{/* Success Notification Banner */}
{successMsg && (
diff --git a/src/app/masterData/components/CategorySidebar.tsx b/src/app/masterData/components/CategorySidebar.tsx
deleted file mode 100644
index 2a325e7..0000000
--- a/src/app/masterData/components/CategorySidebar.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-import React from 'react';
-import { ListBulletsIcon, MagnifyingGlassIcon, DatabaseIcon } from '@phosphor-icons/react';
-import { CustomInput, CustomLoader } from '../../../components/custom';
-import type { MasterDataCategoryItem } from '../MasterDataTypes';
-
-interface CategorySidebarProps {
- filteredCategories: MasterDataCategoryItem[];
- selectedCategory: MasterDataCategoryItem | null;
- onSelectCategory: (category: MasterDataCategoryItem) => void;
- loading: boolean;
- searchQuery: string;
- onSearchChange: (query: string) => void;
-}
-
-export const CategorySidebar: React.FC
= ({
- filteredCategories,
- selectedCategory,
- onSelectCategory,
- loading,
- searchQuery,
- onSearchChange,
-}) => {
- return (
-
-
-
-
- Master Categories
-
-
- {filteredCategories.length} Categories
-
-
-
- {/* Search Category */}
-
onSearchChange(e.target.value)}
- placeholder="Search categories..."
- leftIcon={}
- size="sm"
- />
-
- {/* Category List */}
- {loading ? (
-
-
-
- ) : filteredCategories.length === 0 ? (
-
- No matching categories found.
-
- ) : (
-
- {filteredCategories.map((cat) => {
- const isSelected = selectedCategory?.code === cat.code;
- return (
-
- );
- })}
-
-
-
-
-
-
-
Master Data Configurations
-
- Manage system rule categories, lookup values, and master data parameters for AeroResolve
-
-
-
-
- {/* Stats Pills */}
-
-
-
- Categories
-
- {categoriesCount}
-
-
-
-
- Loaded Items
-
- {itemsCount}
-
-
-
-
- {/* Header for Selected Category */}
-
-
-
- {selectedCategory ? selectedCategory.name : 'Select a Category'}
-
-
- {selectedCategory
- ? `Code: ${selectedCategory.code} | Table: ${selectedCategory.tableName || 'masters'}`
- : ''}
-
-
-
-
}
- className="!bg-[#1E7D5C] hover:!bg-[#17664B] !rounded-[12px] text-[13px] font-semibold"
- >
- Add Master Item
-
-
-
- {/* Filter Search Bar */}
-
- onSearchChange(e.target.value)}
- placeholder={`Search ${selectedCategory?.name || 'items'}...`}
- leftIcon={}
- size="sm"
- />
-
-
- {/* Items Table */}
- {loading ? (
-
-
-
- ) : filteredItems.length === 0 ? (
-
-
No master data items found in this category.
-
Click "Add Master Item" above to create an entry.
-
- ) : (
-
-
-
-
- | # |
- Label / Value |
- Code Key |
- Status |
- Actions |
-
-
-
- {paginatedItems.map((item, idx) => {
- const displayVal = item.value || item.label || item.name || '';
- const displayCode =
- item.code || displayVal.toLowerCase().replace(/[^a-z0-9_]+/g, '_');
- const orderNum = item.displayOrder || (currentPage - 1) * pageSize + idx + 1;
-
- return (
-
- |
- #{orderNum}
- |
-
-
- {displayVal}
- |
-
-
-
- {displayCode}
-
- |
-
-
-
- |
-
-
-
-
-
- |
-
- );
- })}
-
-
-
- )}
-
-
- {/* Pagination Footer */}
- {filteredItems.length > 0 && (
-
-
- Showing {Math.min((currentPage - 1) * pageSize + 1, filteredItems.length)} to{' '}
- {Math.min(currentPage * pageSize, filteredItems.length)} of {filteredItems.length} entries
-
-
-
-
-
- {currentPage} / {totalPages}
-
-
-
-
- )}
-
+ {title}
+
+
+
+ {value && (
+
+ {value}
+
+ )}
+
+
+ {trendValue}
+
+
+ {trendText}
+
+
+
+
+ {/* Simple SVG Sparkline placeholder based on color */}
+
+ {sparklineColor === "green" ? (
+
+ ) : (
+
+ )}
+
+
+ );
+}
+
+export default MetricCard;
diff --git a/src/app/recoveryIncidents/components/RecoveryIncidentsList.tsx b/src/app/recoveryIncidents/components/RecoveryIncidentsList.tsx
index 133b4ed..40e3d1d 100644
--- a/src/app/recoveryIncidents/components/RecoveryIncidentsList.tsx
+++ b/src/app/recoveryIncidents/components/RecoveryIncidentsList.tsx
@@ -1,17 +1,17 @@
import { useState, useEffect, useCallback, useMemo } from "react";
import { useNavigate } from "react-router-dom";
import {
- Plus,
- MagnifyingGlass,
- CaretUp,
- CaretDown,
- FadersHorizontal,
- SquaresFour,
- Eye,
- PencilSimple,
- CheckCircle,
- XCircle,
- Clock,
+ EyeIcon,
+ PencilSimpleIcon,
+ CheckCircleIcon,
+ XCircleIcon,
+ ClockIcon,
+ FunnelSimpleIcon,
+ SquaresFourIcon,
+ PlusIcon,
+ CaretDownIcon,
+ CaretUpIcon,
+ MagnifyingGlassIcon,
} from "@phosphor-icons/react";
import {
CustomTable,
@@ -24,9 +24,11 @@ import {
CustomActionItem,
} from "../../../components/custom";
import type { Column } from "../../../components/custom/CustomTable";
-import type { RecoveryIncident } from "../RecoveryIncidentsTypes";
+import type { RecoveryIncident, MetricCardData } from "../RecoveryIncidentsTypes";
import AddRecoveryIncidents from "./AddRecoveryIncidents";
-import { getRecoveryIncidents } from "../RecoveryIncidentsApi";
+import { MetricCard } from "./MetricCard";
+import { getRecoveryIncidents, getRecoveryMetrics } from "../RecoveryIncidentsApi";
+import { formatDate } from "../../../utils/formatDate";
const PAGE_SIZE = 10;
@@ -71,94 +73,14 @@ function BadgeLabel({ text }: { text: string }) {
);
}
-// ─── Metric Card Component ───────────────────────────────────────────────────
-
-interface MetricCardProps {
- title: string;
- value?: string;
- trendText: string;
- trendValue: string;
- trendType: "positive" | "negative" | "neutral";
- sparklineColor: "green" | "red";
-}
-
-function MetricCard({
- title,
- value,
- trendText,
- trendValue,
- trendType,
- sparklineColor,
-}: MetricCardProps) {
- return (
-
-
- {title}
-
-
-
- {value && (
-
- {value}
-
- )}
-
-
- {trendValue}
-
-
- {trendText}
-
-
-
-
- {/* Simple SVG Sparkline placeholder based on color */}
-
- {sparklineColor === "green" ? (
-
- ) : (
-
- )}
-
-
-
- );
+function getStatusVariant(status?: string): "success" | "error" | "warning" | "info" | "neutral" | "brand" {
+ if (!status) return "neutral";
+ const s = status.toLowerCase();
+ if (s.includes("appr") || s.includes("active") || s.includes("success")) return "success";
+ if (s.includes("reject") || s.includes("denied") || s.includes("error")) return "error";
+ if (s.includes("pend") || s.includes("review") || s.includes("warn")) return "warning";
+ if (s.includes("new") || s.includes("info")) return "info";
+ return "neutral";
}
// ─── Component ───────────────────────────────────────────────────────────────
@@ -166,12 +88,17 @@ function MetricCard({
export default function RecoveryIncidentsList() {
const navigate = useNavigate();
const [incidents, setIncidents] = useState
([]);
+ const [metrics, setMetrics] = useState([]);
const [loading, setLoading] = useState(true);
+ useEffect(() => {
+ getRecoveryMetrics()
+ .then((data) => setMetrics(data))
+ .catch((err) => console.error("Failed to fetch recovery metrics:", err));
+ }, []);
+
// Pagination
const [currentPage, setCurrentPage] = useState(1);
- const [totalItems, setTotalItems] = useState(0);
- const [totalPages, setTotalPages] = useState(1);
// Filters
const [search, setSearch] = useState("");
@@ -185,41 +112,29 @@ export default function RecoveryIncidentsList() {
// ─── Fetch data ─────────────────────────────────────────────
- const fetchIncidents = useCallback(
- async (page: number) => {
- setLoading(true);
-
- try {
- const data = await getRecoveryIncidents();
-
- const filteredData = data.filter((p) => {
- const matchesSearch = p.recoveryCode.toLowerCase().includes(search.toLowerCase()) ||
- p.flightNumber.toLowerCase().includes(search.toLowerCase());
- const matchesGroup = isGrouped ? true : !p.isGroupHeader;
- return matchesSearch && matchesGroup;
- });
-
- const total = filteredData.length;
- const pages = Math.ceil(total / PAGE_SIZE);
- const start = (page - 1) * PAGE_SIZE;
- const paginatedData = filteredData.slice(start, start + PAGE_SIZE);
-
- setIncidents(paginatedData);
- setTotalItems(total);
- setTotalPages(pages || 1);
- } catch (error) {
- console.error("Failed to fetch recovery incidents", error);
- setIncidents([]);
- } finally {
- setLoading(false);
- }
- },
- [search, isGrouped],
- );
+ const fetchIncidents = useCallback(async () => {
+ setLoading(true);
+ try {
+ const data = await getRecoveryIncidents();
+ setIncidents(data);
+ } catch (error) {
+ console.error("Failed to fetch recovery incidents", error);
+ setIncidents([]);
+ } finally {
+ setLoading(false);
+ }
+ }, []);
useEffect(() => {
- fetchIncidents(currentPage);
- }, [currentPage, search, isGrouped, fetchIncidents]);
+ fetchIncidents();
+ }, [fetchIncidents]);
+
+ useEffect(() => {
+ if (incidents.length > 0) {
+ const keys = new Set(incidents.map((i) => i.flightNumber || "Other"));
+ setCollapsedGroups(keys);
+ }
+ }, [incidents]);
// ─── Handlers ──────────────────────────────────────────────────────────────
@@ -250,40 +165,123 @@ export default function RecoveryIncidentsList() {
setSelectedIds(newSelected);
};
- const toggleGroup = (id: string, e: React.MouseEvent) => {
- e.stopPropagation();
+ const toggleGroup = (groupKey: string, e?: React.MouseEvent) => {
+ if (e) e.stopPropagation();
setCollapsedGroups((prev) => {
const next = new Set(prev);
- if (next.has(id)) {
- next.delete(id);
+ if (next.has(groupKey)) {
+ next.delete(groupKey);
} else {
- next.add(id);
+ next.add(groupKey);
}
return next;
});
};
- const handleStatusChange = async (incident: RecoveryIncident, text: string, variant: "success" | "error" | "warning" | "info" | "neutral" | "brand") => {
+ const handleStatusChange = async (incident: RecoveryIncident, text: string) => {
try {
const { updateRecoveryIncident } = await import('../RecoveryIncidentsApi');
await updateRecoveryIncident(incident.id, {
- statuses: [{ text, variant }]
+ status: text
});
- fetchIncidents(currentPage);
+ fetchIncidents();
} catch (error) {
console.error("Failed to update status", error);
}
};
+ const filteredIncidents = useMemo(() => {
+ return incidents.filter((p) => {
+ const q = search.toLowerCase();
+ return (
+ (p.recoveryCode || "").toLowerCase().includes(q) ||
+ (p.flightNumber || "").toLowerCase().includes(q) ||
+ (p.passengerName || "").toLowerCase().includes(q) ||
+ (p.pnr || "").toLowerCase().includes(q)
+ );
+ });
+ }, [incidents, search]);
+
+ const displayData = useMemo(() => {
+ if (!isGrouped) {
+ return filteredIncidents;
+ }
+
+ // Group items by flight number
+ const groupMap = new Map();
+ filteredIncidents.forEach((item) => {
+ const key = item.flightNumber || "Other";
+ if (!groupMap.has(key)) {
+ groupMap.set(key, []);
+ }
+ groupMap.get(key)!.push(item);
+ });
+
+ const result: (RecoveryIncident & { groupKey?: string })[] = [];
+
+ groupMap.forEach((groupItems, flightNo) => {
+ const firstItem = groupItems[0];
+
+ // Calculate status summary for group header
+ const pendingCount = groupItems.filter(i => {
+ const s = (i.status || "").toLowerCase();
+ return s.includes("pending") || s.includes("review") || s.includes("new");
+ }).length;
+ const approvedCount = groupItems.filter(i => {
+ const s = (i.status || "").toLowerCase();
+ return s.includes("approved") || s.includes("active");
+ }).length;
+
+ const headerStatuses = [
+ { text: `${pendingCount} Pending`, variant: "warning" as const },
+ { text: `${approvedCount} Approved`, variant: "success" as const },
+ ];
+
+ // Calculate sum of values
+ const sumVal = groupItems.reduce((acc, curr) => {
+ const num = parseFloat((curr.value || "").replace(/[^0-9.]/g, "")) || 0;
+ return acc + num;
+ }, 0);
+
+ const groupKey = flightNo;
+
+ // Group Header Row
+ result.push({
+ id: `header-${groupKey}`,
+ recoveryCode: firstItem.recoveryCode,
+ date: firstItem.date,
+ flightNumber: flightNo,
+ flightRoute: firstItem.flightRoute,
+ category: firstItem.category,
+ statuses: headerStatuses,
+ value: `$${sumVal}`,
+ isGroupHeader: true,
+ groupKey: groupKey,
+ });
+
+ // Child Rows (if group is expanded)
+ if (!collapsedGroups.has(groupKey)) {
+ groupItems.forEach((child) => {
+ result.push({
+ ...child,
+ groupKey: groupKey,
+ });
+ });
+ }
+ });
+
+ return result;
+ }, [filteredIncidents, isGrouped, collapsedGroups]);
+
+ const totalItems = displayData.length;
+ const totalPages = Math.ceil(totalItems / PAGE_SIZE) || 1;
const startIndex = totalItems > 0 ? (currentPage - 1) * PAGE_SIZE + 1 : 0;
const endIndex = Math.min(currentPage * PAGE_SIZE, totalItems);
- const displayData = useMemo(() => {
- if (!isGrouped) return incidents;
- return incidents.filter(
- (p) => p.isGroupHeader || !collapsedGroups.has(p.recoveryCode)
- );
- }, [incidents, isGrouped, collapsedGroups]);
+ const paginatedDisplayData = useMemo(() => {
+ const start = (currentPage - 1) * PAGE_SIZE;
+ return displayData.slice(start, start + PAGE_SIZE);
+ }, [displayData, currentPage]);
// ─── Table columns ─────────────────────────────────────────────────────────
@@ -311,7 +309,7 @@ export default function RecoveryIncidentsList() {
accessor: (row) => (
),
},
@@ -319,7 +317,7 @@ export default function RecoveryIncidentsList() {
header: (
}
+ rightIcon={}
/>
),
accessor: (row) =>
@@ -334,7 +332,7 @@ export default function RecoveryIncidentsList() {
header: (
}
+ rightIcon={}
/>
),
accessor: (row) => (
@@ -351,23 +349,34 @@ export default function RecoveryIncidentsList() {
},
{
header: ,
- accessor: (row) => (
-
- {row.statuses.map((status, idx) => (
-
- ))}
-
- ),
+ accessor: (row) => {
+ if (row.isGroupHeader) {
+ return (
+
+ {(row.statuses || []).map((status, idx) => (
+
+ ))}
+
+ );
+ }
+ const statusText = row.status || "Pending";
+ return (
+
+ );
+ },
},
{
header: (
}
+ rightIcon={}
/>
),
accessor: (row) => ,
@@ -382,62 +391,90 @@ export default function RecoveryIncidentsList() {
{
header: ,
className: "text-right",
- accessor: (row) => (
-
- {row.isGroupHeader ? (
-
toggleGroup(row.recoveryCode, e)}
- >
- {collapsedGroups.has(row.recoveryCode) ? (
-
- ) : (
-
- )}
-
- ) : (
-
- navigate(`/recovery/${row.id}`)}
- icon={}
+ accessor: (row) => {
+ const key = (row as any).groupKey || row.flightNumber || row.recoveryCode;
+ return (
+
+ {row.isGroupHeader ? (
+
toggleGroup(key, e)}
>
- View Details
-
-
{
- setEditingIncident(row);
- setIsModalOpen(true);
- }}
- icon={}
- >
- Edit Incident
-
-
}
- onClick={() => handleStatusChange(row, "Approved", "success")}
- >
- Approve
-
-
}
- onClick={() => handleStatusChange(row, "Rejected", "error")}
- >
- Reject
-
-
}
- onClick={() => handleStatusChange(row, "Under Review", "warning")}
- >
- Mark for Review
-
-
- )}
-
- ),
+ {collapsedGroups.has(key) ? (
+
+ ) : (
+
+ )}
+
+ )}
+
{/* Metrics Row */}
-
-
-
-
+ {metrics.map((metric) => (
+
+ ))}
{/* Table Section */}
- columns={columns}
- data={displayData}
+ columns={activeColumns}
+ data={paginatedDisplayData}
leftHeaderActions={
handleSearchChange(e.target.value)}
- leftIcon={}
+ leftIcon={}
className="!bg-[#F3F6F5] !rounded-[10px] !h-[40px] !border !border-[#E5E7EB]"
containerClassName="!gap-0"
/>
@@ -520,15 +527,7 @@ export default function RecoveryIncidentsList() {
}
- className="!rounded-[10px] !gap-[8px] !h-[40px] !border-primary !text-primary hover:!bg-primary/5"
- >
- Filters
-
- }
+ leftIcon={}
className="!rounded-[10px] !gap-[8px] !h-[40px] !border-primary !text-primary hover:!bg-primary/5"
onClick={() => setIsGrouped(!isGrouped)}
>
@@ -537,7 +536,7 @@ export default function RecoveryIncidentsList() {
}
+ leftIcon={}
className="!rounded-[10px] !gap-[8px] !h-[40px] !bg-[#1B9869] hover:!bg-[#14704E]"
onClick={() => {
setEditingIncident(null);
@@ -554,20 +553,27 @@ export default function RecoveryIncidentsList() {
startIndex={startIndex}
endIndex={endIndex}
onPageChange={handlePageChange}
- itemName="Policies"
- onRowClick={(row) => !row.isGroupHeader && navigate(`/recovery/${row.id}`)}
- rowClassName={(row) => row.isGroupHeader ? "bg-white" : "bg-[#F9FAFB] border-transparent cursor-pointer hover:bg-[#F3F4F6]"}
+ itemName="Recovery Incidents"
+ onRowClick={(row) => {
+ if (row.isGroupHeader) {
+ const key = (row as any).groupKey || row.flightNumber || row.recoveryCode;
+ toggleGroup(key);
+ } else {
+ navigate(`/recovery/${row.id}`);
+ }
+ }}
+ rowClassName={(row) => row.isGroupHeader ? "bg-white border-b border-gray-100 hover:bg-gray-50/60" : "bg-[#F9FAFB] border-transparent cursor-pointer hover:bg-[#F3F4F6]"}
/>
-
+
{/* Modal */}
- {
setIsModalOpen(false);
setEditingIncident(null);
- fetchIncidents(currentPage); // Refresh list
- }}
+ fetchIncidents(); // Refresh list
+ }}
/>
);
diff --git a/src/layout/AppHeader.tsx b/src/layout/AppHeader.tsx
index 4880572..fe8f96d 100644
--- a/src/layout/AppHeader.tsx
+++ b/src/layout/AppHeader.tsx
@@ -6,8 +6,8 @@ const PAGE_META: Record = {
'/cohorts': { title: 'Cohort Management', subtitle: 'Dynamic passenger segmentation for targeted recovery and recovery intelligence.' },
'/policy-engine': { title: 'Policy Engine Framework Registry', subtitle: 'Manage framework policies, conditions, and automated actions.' },
'/policy-engine/add': { title: 'Deploy New Policy', subtitle: 'Configure policy framework details, targeting rules, and action payloads.' },
- '/action-builder': { title: 'Action Builder', subtitle: 'Configure dynamic categories, action types, metadata fields, and dynamic user form workflows.' },
- '/config': { title: 'Master Data Configurations', subtitle: 'Manage system rule categories, lookup values, and master data parameters.' },
+ '/action-builder': { title: 'Configuration - Action Builder', subtitle: 'Configure dynamic categories, action types, metadata fields, and dynamic user form workflows.' },
+ '/config': { title: 'Configuration', subtitle: 'Manage dynamic action workflows, categories, metadata fields, and system master data.' },
'/recovery': { title: 'Recovery Incidents', subtitle: 'Operational workspace for managing passenger disruption cases.' },
};
diff --git a/src/layout/AppSidebar.tsx b/src/layout/AppSidebar.tsx
index 783c2ca..ef272aa 100644
--- a/src/layout/AppSidebar.tsx
+++ b/src/layout/AppSidebar.tsx
@@ -11,7 +11,6 @@ import {
GearIcon,
ClockCounterClockwiseIcon,
CaretDoubleRightIcon,
- LightningIcon,
} from "@phosphor-icons/react";
import { ShieldCheckIcon } from "lucide-react";
@@ -21,7 +20,6 @@ const NAV_ITEMS = [
{ label: "Recovery Incidents", path: "/recovery", icon: ArrowsClockwiseIcon },
{ label: "Cohort Management", path: "/cohorts", icon: UsersFourIcon },
{ label: "Policy Engine", path: "/policy-engine", icon: ShieldCheckIcon },
- { label: "Action Builder", path: "/action-builder", icon: LightningIcon },
{ label: "Configuration", path: "/config", icon: GearIcon },
{ label: "Audit Logs", path: "/audit", icon: ClockCounterClockwiseIcon },
];
@@ -111,11 +109,10 @@ export default function AppSidebar({ isOpen, onClose }: AppSidebarProps) {
onClick={() => {
if (window.innerWidth < 1024) onClose();
}}
- className={`group flex items-center ${isCollapsed ? "justify-center px-0 w-12 mx-auto" : "gap-3 px-3.5"} py-[10px] rounded-[12px] text-[13px] transition-all duration-200 relative ${
- isActive
+ className={`group flex items-center ${isCollapsed ? "justify-center px-0 w-12 mx-auto" : "gap-3 px-3.5"} py-[10px] rounded-[12px] text-[13px] transition-all duration-200 relative ${isActive
? "bg-gradient-to-b from-primary to-primary-dark text-white shadow-md shadow-primary/20 font-semibold"
: "text-[#475569] font-medium hover:bg-slate-200/40 hover:text-slate-900"
- }`}
+ }`}
>
= 12 ? 'pm' : 'am';
+ hours = hours % 12;
+ hours = hours ? hours : 12;
+
+ return `${day} ${month} ${year}, ${hours}:${minutes}${ampm}`;
+}
+
+export default formatDate;