Revert "fix datagrid searchbar not showing"

This reverts commit bc1723e.
spo-iitk · Apr 4, 2024 · 3c74fe9 · 3c74fe9
1 parent 3649bdf
commit 3c74fe9
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/components/DataGrid/index.tsx b/components/DataGrid/index.tsx
@@ -9,7 +9,6 @@ import {
   GridToolbarColumnsButton,
   GridToolbarContainer,
   GridToolbarFilterButton,
-  GridToolbarQuickFilter,
   MuiEvent,
 } from "@mui/x-data-grid";
 import Button from "@mui/material/Button";
@@ -65,11 +64,6 @@ function CustomToolbar({ handleDownload }: { handleDownload: () => void }) {
       <GridToolbarColumnsButton />
       <GridToolbarFilterButton />
       <Button startIcon={<DownloadIcon />} onClick={handleDownload} />
-      <Box flexGrow={1} />
-      <GridToolbarQuickFilter
-        showQuickFilter
-        quickFilterProps={{ debounceMs: 500 }}
-      />
     </GridToolbarContainer>
   );
 }
@@ -158,6 +152,12 @@ function Index({
           Toolbar: () => <CustomToolbar handleDownload={handleDownload} />,
           NoRowsOverlay: CustomNoRowsOverlay,
         }}
+        componentsProps={{
+          toolbar: {
+            showQuickFilter: true,
+            quickFilterProps: { debounceMs: 500 },
+          },
+        }}
         disableDensitySelector
         pageSize={pageSize}
         onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}