54 lines
926 B
TypeScript
54 lines
926 B
TypeScript
import React from 'react';
|
|
import { Query } from 'react-apollo';
|
|
import styled from 'styled-components';
|
|
|
|
import QuantitySelect from './quantitySelect';
|
|
import * as queries from './queries.graphql';
|
|
|
|
const Table = styled.table`
|
|
margin-top: 32px;
|
|
margin-bottom: 32px;
|
|
`;
|
|
|
|
const Tr = styled.tr`
|
|
> td {
|
|
padding-bottom: 16px;
|
|
}
|
|
`
|
|
|
|
const Description = styled.div`
|
|
font-size: 12px;
|
|
`;
|
|
|
|
const PriceTd = styled.td`
|
|
padding-left: 64px;
|
|
padding-right 16px;
|
|
vertical-align: top;
|
|
`;
|
|
|
|
const QuantityTd = styled.td`
|
|
padding-left: 16px;
|
|
padding-right 16px;
|
|
width: 64px;
|
|
`;
|
|
|
|
interface Product {
|
|
description: string;
|
|
name: string;
|
|
price: number;
|
|
id: string;
|
|
}
|
|
|
|
interface ProductTableProps {
|
|
onChangeQuantity: Function;
|
|
storeId: string
|
|
}
|
|
|
|
const ProductTable = React.memo(({ onChangeQuantity, storeId }: ProductTableProps) => {
|
|
return (
|
|
<div>Product table</div>
|
|
);
|
|
});
|
|
|
|
export default ProductTable;
|