customers

src/pages/nearle/locations/ResponsiveLocationDrawer.js

@@ -150,7 +150,7 @@ const ResponsiveLocationDrawer = () => {
       currentStatus,
       startdate,
       enddate,
-      debouncedSearchLocation,
+      debouncedSearchword,
       rowsPerPage
     ],
     queryFn: fetchOrders1,
@@ -302,17 +302,17 @@ const ResponsiveLocationDrawer = () => {
               sx={{
                 width: 'auto',
                 height: 60,
-                bgcolor: theme.palette.primary.lighter,
+                bgcolor: 'white',
 
                 '& .MuiOutlinedInput-notchedOutline': {
                   border: 'none',
-                  borderBottom: '1px solid ',
+                  borderBottom: '1px solid',
                   borderColor: theme.palette.secondary.light
                 }
               }}
             />
           </Box>
-          <List sx={{ mt: -1 }}>
+          <List sx={{ border: 'none', mt: -1 }}>
             {locations?.map((row, index) => (
               <React.Fragment key={index}>
                 <ListItem
@@ -354,12 +354,14 @@ const ResponsiveLocationDrawer = () => {
             width: open && isDesktop ? `calc(100% - ${drawerWidth}px)` : '100%',
             transition: 'left 0.3s ease, width 0.3s ease',
             zIndex: 1100, // BELOW drawer, ABOVE content
-            backgroundColor: theme.palette.primary.lighter
+            backgroundColor: 'white',
+            borderBottom: '1px solid',
+            borderColor: theme.palette.secondary.light
           }}
         >
           <Toolbar>
             <Stack
-              sx={{ width: '100%' }}
+              sx={{ width: '100%', borderBottom: '1px soild red' }}
               display={'flex'}
               flexDirection={'row'}
               alignItems={'center'}
@@ -375,7 +377,7 @@ const ResponsiveLocationDrawer = () => {
                   {selectedLocation?.locationname}
                 </Typography>
               </Stack>
-              <Stack flexGrow={1} sx={{ mx: { xs: 0, custom600: 3 } }}>
+              <Stack>
                 <SearchBar
                   value={searchword}
                   placeholder={'Search Order Details'}
@@ -383,12 +385,12 @@ const ResponsiveLocationDrawer = () => {
                   sx={{
                     width: 'auto',
                     height: 40,
-                    bgcolor: theme.palette.primary.lighter,
-                    '& .MuiOutlinedInput-notchedOutline': {
-                      border: 'none',
-                      borderBottom: '1px solid ',
-                      borderColor: theme.palette.secondary.light
-                    }
+                    bgcolor: 'white',
+                    maxWidth: 800,
+                    borderRadius: 1
+                    // '& .MuiOutlinedInput-notchedOutline': {
+                    //   border: 'none'
+                    // }
                   }}
                 />
               </Stack>