fix fields types (#475)

Author: jpinsonneau

web/src/api/ipfix.ts

@@ -13,14 +13,17 @@ export interface Record {
 }
 
 export const getRecordValue = (record: Record, fieldOrLabel: string, defaultValue?: string | number) => {
+  /* TODO: fix following behavior:
+   * Check if field exists first since /flow endpoint return fields as labels when using filters
+   * This is mandatory to ensure fields types
+   */
+  if (record.fields[fieldOrLabel as keyof Fields] !== undefined) {
+    return record.fields[fieldOrLabel as keyof Fields];
+  }
   // check if label exists
   if (record.labels[fieldOrLabel as keyof Labels] !== undefined) {
     return record.labels[fieldOrLabel as keyof Labels];
   }
-  // check if field exists
-  if (record.fields[fieldOrLabel as keyof Fields] !== undefined) {
-    return record.fields[fieldOrLabel as keyof Fields];
-  }
   // fallback on default
   return defaultValue;
 };

web/src/components/netflow-record/record-panel.tsx

@@ -302,7 +302,7 @@ export const RecordPanel: React.FC<RecordDrawerProps> = ({
   }, [record.labels._RecordType, t]);
 
   const getSortedJSON = React.useCallback(() => {
-    const flat = { ...record.fields, ...record.labels };
+    const flat = { ...record.labels, ...record.fields };
     return JSON.stringify(flat, Object.keys(flat).sort(), 2);
   }, [record]);