| | |
| | | ListItemSecondaryAction, |
| | | ListItemAvatar, |
| | | ListItemText, |
| | | Typography, |
| | | Avatar, |
| | | Box, |
| | | ListItemButton, |
| | | Card, |
| | | CardHeader, |
| | | List, |
| | | Grid, |
| | | } from '@mui/material'; |
| | | import { Link } from 'react-router-dom'; |
| | | |
| | | const NbList = (props) => { |
| | | const { orders = [] } = props; |
| | | const NbList = ({ deadStock }) => { |
| | | const translate = useTranslate(); |
| | | |
| | | return ( |
| | | <Card sx={{ flex: 1 }}> |
| | | <CardHeader title={translate('pos.dashboard.pending_orders')} /> |
| | | <CardHeader title={translate('page.dashboard.list.stock')} /> |
| | | <List dense={true}> |
| | | {orders.map(record => ( |
| | | <PendingOrder key={record.id} order={record} /> |
| | | {deadStock.map(record => ( |
| | | <PendingOrder key={`record?.id + ${Math.random().toString(36).substr(2, 9)} `} order={record} /> |
| | | ))} |
| | | </List> |
| | | </Card> |
| | |
| | | export const PendingOrder = (props) => { |
| | | const { order } = props; |
| | | console.log(order); |
| | | |
| | | const translate = useTranslate(); |
| | | const { referenceRecord: customer, isPending } = useReference({ |
| | | reference: 'customers', |
| | | id: order.customer_id, |
| | | }); |
| | | // const { referenceRecord: customer, isPending } = useReference({ |
| | | // reference: 'customers', |
| | | // id: order.id, |
| | | // }); |
| | | |
| | | return ( |
| | | <ListItem disablePadding> |
| | |
| | | /> |
| | | )} |
| | | </ListItemAvatar> */} |
| | | <ListItemText |
| | | primary={new Date(order.date).toLocaleString('en-GB')} |
| | | secondary={translate('pos.dashboard.order.items', { |
| | | name: order.name |
| | | {/* <ListItemText |
| | | primary={new Date(order.createTime).toLocaleString('en-GB')} |
| | | secondary={translate('page.dashboard.list.stock', { |
| | | name: order.maktx |
| | | })} |
| | | /> |
| | | <ListItemSecondaryAction> |
| | | > |
| | | |
| | | </ListItemText> */} |
| | | <Grid container item md={12}> |
| | | <Box sx={{ display: 'flex' }}> |
| | | <Box sx={{ display: 'flex', padding: '1em' }}> |
| | | <Typography color="textSecondary">{translate("table.field.asnOrderItem.matnrCode")}:</Typography> |
| | | <Typography color="textSecondary">{order?.matnrCode}</Typography> |
| | | </Box> |
| | | </Box> |
| | | <Box sx={{ display: 'flex' }}> |
| | | <Box sx={{ display: 'flex', padding: '1em' }}> |
| | | <Typography color="textSecondary">{translate("table.field.asnOrderItem.maktx")}:</Typography> |
| | | <Typography color="textSecondary" maxWidth="200" overflow="hidden">{order?.maktx}</Typography> |
| | | </Box> |
| | | </Box> |
| | | <Box sx={{ display: 'flex' }}> |
| | | <Box sx={{ display: 'flex', padding: '1em' }}> |
| | | <Typography color="textSecondary">{translate("table.field.asnOrderItem.anfme")}:</Typography> |
| | | <Typography color="textSecondary">{order?.anfme}</Typography> |
| | | </Box> |
| | | </Box> |
| | | <Box sx={{ display: 'flex' }}> |
| | | <Box sx={{ display: 'flex', padding: '1em' }}> |
| | | <Typography color="textSecondary">{translate("table.field.locItem.deadTime")}:</Typography> |
| | | <Typography color="textSecondary">{order?.deadTime}</Typography> |
| | | </Box> |
| | | </Box> |
| | | </Grid> |
| | | {/* <ListItemSecondaryAction> |
| | | <Box |
| | | component="span" |
| | | sx={{ |
| | |
| | | color: 'text.primary', |
| | | }} |
| | | > |
| | | {order.total}$ |
| | | {order.deadTime} |
| | | </Box> |
| | | </ListItemSecondaryAction> |
| | | </ListItemSecondaryAction> */} |
| | | </ListItemButton> |
| | | </ListItem> |
| | | ); |