|
@@ -6,7 +6,7 @@ import { actionOrdersFind } from '../../../actions/actionOrdersFind';
|
|
|
import { actionPromiseClear } from '../../../reducers';
|
|
|
import { Box, Table, TableBody, TableHead } from '@mui/material';
|
|
|
import { AdminOrderItem } from './AdminOrderItem';
|
|
|
-import { createSearchParams, useLocation, useNavigate } from 'react-router-dom';
|
|
|
+import { createSearchParams, useLocation, useNavigate, useSearchParams } from 'react-router-dom';
|
|
|
|
|
|
const CSearchBar = connect(null, {
|
|
|
onSearch: (text) => actionOrdersFind({ promiseName: 'adminOrdersFind', text, limit: 5 }),
|
|
@@ -16,8 +16,7 @@ const CSearchBar = connect(null, {
|
|
|
const CSearchResults = connect((state) => ({ items: state.promise.adminOrdersFind?.payload || [] }))(SearchResults);
|
|
|
|
|
|
const AdminOrderList = ({ orders, orderBy = '_id' }) => {
|
|
|
- const navigate = useNavigate();
|
|
|
- const location = useLocation();
|
|
|
+ const [searchParams, setSearchParams] = useSearchParams();
|
|
|
|
|
|
return (
|
|
|
<Box className="AdminOrderList">
|
|
@@ -33,12 +32,8 @@ const AdminOrderList = ({ orders, orderBy = '_id' }) => {
|
|
|
<AdminOrderListHeader
|
|
|
sort={orderBy}
|
|
|
onSortChange={(orderBy) => {
|
|
|
- navigate({
|
|
|
- pathname: location.pathname,
|
|
|
- search: createSearchParams({
|
|
|
- orderBy,
|
|
|
- }).toString(),
|
|
|
- });
|
|
|
+ searchParams.set('orderBy', orderBy);
|
|
|
+ setSearchParams(searchParams);
|
|
|
}}
|
|
|
/>
|
|
|
</TableHead>
|