Revert "feat(warehouse) add warehouse propover."

This reverts commit 2aa26959e9.
This commit is contained in:
elforjani13
2022-02-06 09:58:38 +02:00
committed by a.bouhuolia
parent e1fe28736e
commit 2a61a3de47
6 changed files with 1 additions and 198 deletions

View File

@@ -1,75 +0,0 @@
import React from 'react';
import styled from 'styled-components';
import { CLASSES } from 'common/classes';
import { TableStyle } from '../../common';
import { DataTableEditable, DataTable } from 'components';
import { compose, saveInvoke, updateTableCell } from 'utils';
import { useWarehouseEntriesColumns } from './components';
export default function IntegrateWarehousesTable({
// #ownProps
initialWarehouse,
selectedWarehouseId,
onUpdateData,
entries,
errors,
}) {
const [rows, setRows] = React.useState(initialWarehouse);
// warehouses entries columns.
const columns = useWarehouseEntriesColumns();
// Handle update data.
const handleUpdateData = React.useCallback(
(rowIndex, columnId, value) => {
const newRows = compose(updateTableCell(rowIndex, columnId, value))(
entries,
);
onUpdateData(newRows);
},
[onUpdateData, entries],
);
const DATA = [
{
warehouse_name: true,
quantity: '9,444',
availiable_for_sale: 0,
},
{
warehouse_name: false,
quantity: '19,444',
availiable_for_sale: 0,
},
];
return (
<WarehouseDataTableRoot
columns={columns}
data={DATA}
payload={{
errors: errors || [],
updateData: handleUpdateData,
}}
/>
);
}
const WarehouseDataTableRoot = styled(DataTable)`
width: 600px;
.table {
border: 1px solid #000000;
.thead .th {
background: transparent;
color: #222222;
border-bottom: 1px solid #000000;
padding: 0.5rem;
}
.tbody .tr .td {
padding: 0.2rem 0.2rem;
border-bottom: 1px solid #cecbcb;
}
}
`;

View File

@@ -1,38 +0,0 @@
import React from 'react';
import { RadioFieldCell } from 'components/DataTableCells';
/**
* Retrieve warehouse entries columns.
*/
export function useWarehouseEntriesColumns() {
return React.useMemo(
() => [
{
Header: 'Warehouse Name',
accessor: 'warehouse_name',
Cell: RadioFieldCell,
width: 120,
disableSortBy: true,
className: 'name',
},
{
id: 'quantity',
Header: 'Quantity on Hand',
accessor: 'quantity',
disableSortBy: true,
align: 'right',
width: '100',
},
{
id: 'availiable_for_sale',
Header: 'Availiable for Sale',
accessor: 'availiable_for_sale',
disableSortBy: true,
align: 'right',
width: '100',
},
],
[],
);
}

View File

@@ -1,36 +0,0 @@
import React from 'react';
import styled from 'styled-components';
import { PopoverInteractionKind, Position, Button } from '@blueprintjs/core';
import { Popover2 } from '@blueprintjs/popover2';
import WarehousesList from './WarehousesList';
import { Icon, FormattedMessage as T, ButtonLink } from 'components';
export default function IntegrateWarehouseTable() {
return (
<Popover2
minimal={true}
content={<WarehousesList />}
interactionKind={PopoverInteractionKind.CLICK}
position={Position.BOTTOM_LEFT}
modifiers={{
offset: { offset: '0, 4' },
}}
>
<PopoverLink></PopoverLink>
</Popover2>
);
}
const PopoverLink = styled.button`
border: 0;
cursor: pointer;
background: transparent;
margin-top: 18px;
padding-right: 0px;
color: #0052cc;
&:hover,
&:active {
text-decoration: underline;
}
`;