diff options
Diffstat (limited to 'frontend/components')
| -rw-r--r-- | frontend/components/SingleItem.js | 9 | ||||
| -rw-r--r-- | frontend/components/TakeMyMoney.js | 3 |
2 files changed, 10 insertions, 2 deletions
diff --git a/frontend/components/SingleItem.js b/frontend/components/SingleItem.js index b709ff1..f71e0fe 100644 --- a/frontend/components/SingleItem.js +++ b/frontend/components/SingleItem.js @@ -4,18 +4,24 @@ import styled from 'styled-components'; import Link from 'next/link'; import { SINGLE_ITEM_QUERY } from '../queries/queries.graphql'; import Error from './ErrorMessage'; +import AddToCart from './AddToCart'; const SingleItemStyles = styled.div` max-width: 1200px; margin: 2rem auto; box-shadow: ${props => props.theme.bs}; + display: grid; + grid-auto-columns: 1fr; + grid-auto-flow: column; + min-height: 800px; img { width: 100%; + height: 100%; object-fit: cover; } .details { margin: 3rem; - font-size: 3rem; + font-size: 2rem; } `; @@ -39,6 +45,7 @@ const SingleItem = props => ( > <a>Edit ✏️</a> </Link> + <AddToCart id={item.id} /> </div> </SingleItemStyles> ); diff --git a/frontend/components/TakeMyMoney.js b/frontend/components/TakeMyMoney.js index fef90de..5823d00 100644 --- a/frontend/components/TakeMyMoney.js +++ b/frontend/components/TakeMyMoney.js @@ -20,8 +20,9 @@ class TakeMyMoney extends Component { token: res.id, }, }); + console.log(order); // Route them to that order page - const { id } = order.data.CREATE_ORDER_MUTATION; + const { id } = order.data.createOrder; Router.push({ pathname: `/order`, query: { id }, |