security-control year restriction

compendium-frontend/src/pages/SNPStandardsSecurityControl.tsx

@@ -15,20 +15,24 @@ function SNPStandardsSecurityControlsPage(): React.ReactElement {
     const { filterSelection, setFilterSelection } = useContext(FilterSelectionContext);
     const { data: fibreLightData, years, nrens } = useData<SecurityControls>('/api/standards-and-policies/security-controls', setFilterSelection);
 
-    const selectedData = (fibreLightData).filter(data =>
+    //  reduce data to have only value above 2020 till the data is cleaned up
+    const filteredYears = new Set([...years].filter(year => year >= 2021));
+    const filteredFibreLightData = fibreLightData.filter(item => filteredYears.has(item.year));
+
+    const selectedData = (filteredFibreLightData).filter(data =>
         filterSelection.selectedYears.includes(data.year) && filterSelection.selectedNrens.includes(data.nren)
     );
 
     const toolDescriptionsDataLookup = createMatrixDataLookupForArrayColumnType(selectedData, 'security_control_descriptions');
 
     const filterNode = <Filter
-        filterOptions={{ availableYears: [...years], availableNrens: [...nrens.values()] }}
+        filterOptions={{ availableYears: [...filteredYears], availableNrens: [...nrens.values()] }}
         filterSelection={filterSelection}
         setFilterSelection={setFilterSelection}
         coloredYears
     />
 
-    const showYears = [...filterSelection.selectedYears.filter(year => years.has(year))].sort();
+    const showYears = [...filterSelection.selectedYears.filter(year => filteredYears.has(year))].sort();
 
     return (
         <DataPage title="Security Controls Used by NRENs"