search issue

UbaidullahMOmer · Mar 20, 2023 · 50daa96 · 50daa96
1 parent 2485bf8
commit 50daa96
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 7 deletions.
diff --git a/src/scenes/contacts/index.jsx b/src/scenes/contacts/index.jsx
@@ -1,7 +1,7 @@
 import { Box } from "@mui/material";
 import { DataGrid, GridToolbar } from "@mui/x-data-grid";
 import { tokens } from "../../theme";
-// import { mockDataContacts } from "../../data/mockData";
+
 import Header from "../../components/Header";
 import { useTheme } from "@mui/material";
 import React, {useState, useEffect} from "react"
@@ -104,7 +104,13 @@ const Contacts = () => {
         <DataGrid
           rows={tableData}
           columns={columns}
-          components={{ Toolbar: GridToolbar }}
+          slots={{ toolbar: GridToolbar }}
+          slotProps={{
+            toolbar: {
+              showQuickFilter: true,
+              // quickFilterProps: { debounceMs: 500 },
+            },
+          }}
         />
       </Box>
     </Box>

diff --git a/src/scenes/invoices/index.jsx b/src/scenes/invoices/index.jsx
@@ -1,7 +1,7 @@
 import { Box, Typography, useTheme } from "@mui/material";
-import { DataGrid } from "@mui/x-data-grid";
+import { DataGrid, GridToolbar } from "@mui/x-data-grid";
 import { tokens } from "../../theme";
-import { mockDataInvoices } from "../../data/mockData";
+// import { mockDataInvoices } from "../../data/mockData";
 import Header from "../../components/Header";
 import React, {useState, useEffect} from "react"
 
@@ -84,7 +84,17 @@ const Invoices = () => {
           },
         }}
       >
-        <DataGrid checkboxSelection rows={tableData} columns={columns} />
+        <DataGrid         
+        rows={tableData}
+        columns={columns} 
+        slots={{ Toolbar: GridToolbar }}
+          slotProps={{
+            Toolbar: {
+              showQuickFilter: true,
+              // quickFilterProps: { debounceMs: 500 },
+            },
+          }} 
+          />
       </Box>
     </Box>
   );

diff --git a/src/scenes/team/index.jsx b/src/scenes/team/index.jsx
@@ -1,5 +1,5 @@
 import { Box, Typography, useTheme } from "@mui/material";
-import { DataGrid } from "@mui/x-data-grid";
+import { DataGrid, GridToolbar } from "@mui/x-data-grid";
 import { tokens } from "../../theme";
 // import { mockDataTeam } from "../../data/mockData";
 import AdminPanelSettingsOutlinedIcon from "@mui/icons-material/AdminPanelSettingsOutlined";
@@ -110,7 +110,13 @@ const Team = () => {
           },
         }}
       >
-        <DataGrid checkboxSelection rows={tableData} columns={columns} />
+        <DataGrid          slots={{ Toolbar: GridToolbar }}
+          slotProps={{
+            Toolbar: {
+              showQuickFilter: true,
+              // quickFilterProps: { debounceMs: 500 },
+            },
+          }} rows={tableData} columns={columns} />
       </Box>
     </Box>
   );