allow toggling top logs

Author: vish9812

src/components/filters/index.tsx

@@ -50,6 +50,7 @@ function Filters(props: FiltersProps) {
       {
         field: "msg",
         flex: 2,
+        headerCheckboxSelection: true,
         checkboxSelection: true,
         filter: "agTextColumnFilter",
       },

src/components/filters/useViewModel.test.tsx

@@ -99,6 +99,7 @@ describe("useViewModel", () => {
       const getGrid = () => ({
         api: {
           deselectAll: vi.fn(),
+          setFilterModel: vi.fn(),
         },
       });
       const topLogsGridRef = getGrid();
@@ -124,7 +125,9 @@ describe("useViewModel", () => {
         defaultFilters
       );
       expect(topLogsGridRef.api.deselectAll).toHaveBeenCalledOnce();
+      expect(topLogsGridRef.api.setFilterModel).toHaveBeenCalledOnce();
       expect(addedLogsGridRef.api.deselectAll).toHaveBeenCalledOnce();
+      expect(addedLogsGridRef.api.setFilterModel).toHaveBeenCalledOnce();
       dispose();
     });
   });

src/components/filters/useViewModel.tsx

@@ -59,8 +59,10 @@ function useViewModel(props: FiltersProps) {
   ) {
     setFilters(defaultFilters());
     handleErrorsOnlyChange(false);
+    topLogsGridRef.api.setFilterModel(null);
     topLogsGridRef.api.deselectAll();
     if (addedLogs().length > 0) {
+      addedLogsGridRef.api.setFilterModel(null);
       addedLogsGridRef.api.deselectAll();
     }
   }

src/pages/normalize/index.tsx

@@ -43,6 +43,9 @@ function Normalize() {
     handleFileUpload,
   } = useViewModel();
 
+  const newFileText = () =>
+    logDatas().length === 1 ? "Compare With" : "New File";
+
   return (
     <Grid container spacing={2}>
       <Grid item xs={12}>
@@ -59,7 +62,7 @@ function Normalize() {
             variant="contained"
             startIcon={<FileUploadIcon />}
           >
-            open file
+            {newFileText()}
             <HiddenInput
               type="file"
               multiple={false}

src/pages/normalize/useViewModel.tsx

@@ -15,6 +15,8 @@ function useViewModel() {
   };
 
   const handleFileUpload = async (files: FileList, logData: LogData) => {
+    if (!files || !files.length) return;
+
     setProcessingFile(true);
     setAnalyzeDisabled(true);