Make IPSec columns visible if feature is enabled (#837)

Author: memodi

web/src/components/netflow-traffic.tsx

@@ -136,6 +136,10 @@ export const NetflowTraffic: React.FC<NetflowTrafficProps> = ({
     return model.config.features.includes('networkEvents');
   }, [model.config.features]);
 
+  const isIPSec = React.useCallback(() => {
+    return model.config.features.includes('ipsec');
+  }, [model.config.features]);
+
   const isPromOnly = React.useCallback(() => {
     return !allowLoki() || model.dataSource === 'prom';
   }, [allowLoki, model.dataSource]);
@@ -226,7 +230,8 @@ export const NetflowTraffic: React.FC<NetflowTrafficProps> = ({
         (isUdn() || fd.id !== 'udns') &&
         (isPktXlat() || !fd.id.startsWith('xlat_')) &&
         (isNetEvents() || fd.id !== 'network_events') &&
-        (!isPromOnly() || checkFilterAvailable(fd, model.config.promLabels))
+        (!isPromOnly() || checkFilterAvailable(fd, model.config.promLabels)) &&
+        (isIPSec() || !fd.id.startsWith('ipsec_'))
     );
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [model.config.columns, model.config.filters, model.config.promLabels, isPromOnly]);

web/src/model/config.ts

@@ -13,7 +13,8 @@ export type Feature =
   | 'flowRTT'
   | 'udnMapping'
   | 'packetTranslation'
-  | 'networkEvents';
+  | 'networkEvents'
+  | 'ipsec';
 
 export type Config = {
   buildVersion: string;

web/src/model/filters.ts

@@ -46,7 +46,9 @@ export type FilterId =
   | 'xlat_src_address'
   | 'xlat_dst_address'
   | 'xlat_src_port'
-  | 'xlat_dst_port';
+  | 'xlat_dst_port'
+  | 'ipsec_success'
+  | 'ipsec_retcode';
 
 export interface FilterConfigDef {
   id: string;