1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- import { AdminOrderListHeader } from "./AdminOrderListHeader";
- import { connect } from "react-redux";
- import { SearchBar, SearchResults } from "../../common/SearchBar";
- import { actionOrdersFind } from "../../../actions/actionOrdersFind";
- import { actionPromiseClear } from "../../../reducers";
- import { Box, LinearProgress, Table, TableBody, TableCell, TableHead, TableRow } from "@mui/material";
- import { AdminOrderItem } from "./AdminOrderItem";
- import { createSearchParams, useNavigate, useSearchParams } from "react-router-dom";
- const CSearchBar = connect(null, {
- onSearch: (text) => actionOrdersFind({ promiseName: "adminOrdersFind", text, limit: 5 }),
- onSearchEnd: () => actionPromiseClear("adminOrdersFind"),
- })(SearchBar);
- const CSearchResults = connect((state) => ({ items: state.promise.adminOrdersFind?.payload || [] }))(SearchResults);
- const AdminOrderList = ({ orders, orderBy = "_id", promiseStatus = null }) => {
- const [searchParams, setSearchParams] = useSearchParams();
- const navigate = useNavigate();
- return (
- <Box className="AdminOrderList">
- <Box className="searchBarWrapper">
- <CSearchBar
- render={CSearchResults}
- searchLink="/admin/orders/search"
- renderParams={{ itemLink: "/admin/order/" }}
- onSearchButtonClick={(text) => {
- searchParams.set("text", text);
- setSearchParams(searchParams);
- navigate({ pathname: "/admin/orders/search", search: createSearchParams(searchParams).toString() });
- }}
- />
- </Box>
- <Table>
- <TableHead>
- <AdminOrderListHeader
- sort={orderBy}
- onSortChange={(orderBy) => {
- searchParams.set("orderBy", orderBy);
- setSearchParams(searchParams);
- }}
- />
- </TableHead>
- <TableBody>
- {(orders || []).map((order) => (
- <AdminOrderItem order={order} key={order._id} />
- ))}
- {promiseStatus === "PENDING" && (
- <TableRow>
- <TableCell colSpan="6">
- <LinearProgress />
- </TableCell>
- </TableRow>
- )}
- </TableBody>
- </Table>
- </Box>
- );
- };
- const CAdminOrderList = connect((state) => ({
- promiseStatus: state?.promise?.feedOrdersAll?.status || state?.promise?.feedOrdersFind?.status || null,
- orders: state.feed?.payload || [],
- }))(AdminOrderList);
- export { AdminOrderList, CAdminOrderList };
|