Enforced approval rights

PostFundManagement.ConsoleUI/src/pages/ExecutiveDashboard.tsx

@@ -33,6 +33,17 @@ import { RiskHeatmapMatrix } from '../components/ui/RiskHeatmapMatrix';
 import { HelpTooltip } from '../components/ui/HelpTooltip';
 import { useTableSort, SortableTh } from '../utils/tableSort';
 
+interface AttentionProject {
+  id: number | string;
+  name: string;
+  programme: string;
+  status: string;
+  risk: string;
+  financialVariance: string;
+  varianceType: string;
+  maxScore: number;
+}
+
 export const ExecutiveDashboard: React.FC = () => {
   const queryClient = useQueryClient();
   const [selectedProgramme, setSelectedProgramme] = useState('All');
@@ -335,12 +346,12 @@ export const ExecutiveDashboard: React.FC = () => {
     sortColumn: projectSortCol,
     sortDirection: projectSortDir,
     handleSort: handleProjectSort,
-  } = useTableSort<any>(attentionProjects, null, null, {
-    name: (p: any) => p.name,
-    programme: (p: any) => p.programme,
-    status: (p: any) => p.status,
-    risk: (p: any) => p.risk,
-    financialVariance: (p: any) => p.financialVariance,
+  } = useTableSort<AttentionProject>(attentionProjects, null, null, {
+    name: (p) => p.name,
+    programme: (p) => p.programme,
+    status: (p) => p.status,
+    risk: (p) => p.risk,
+    financialVariance: (p) => p.financialVariance,
   });
 
   return (