diff options
Diffstat (limited to 'stepped-solutions/FINISHED/frontend/components/Item.js')
| -rw-r--r-- | stepped-solutions/FINISHED/frontend/components/Item.js | 50 |
1 files changed, 0 insertions, 50 deletions
diff --git a/stepped-solutions/FINISHED/frontend/components/Item.js b/stepped-solutions/FINISHED/frontend/components/Item.js deleted file mode 100644 index 2741dcf..0000000 --- a/stepped-solutions/FINISHED/frontend/components/Item.js +++ /dev/null @@ -1,50 +0,0 @@ -import React, { Component } from 'react'; -import PropTypes from 'prop-types'; -import Link from 'next/link'; -import Title from './styles/Title'; -import ItemStyles from './styles/ItemStyles'; -import PriceTag from './styles/PriceTag'; -import formatMoney from '../lib/formatMoney'; -import DeleteItem from './DeleteItem'; -import AddToCart from './AddToCart'; - -export default class Item extends Component { - static propTypes = { - item: PropTypes.object.isRequired, - }; - - render() { - const { item } = this.props; - return ( - <ItemStyles> - {item.image && <img src={item.image} alt={item.title} />} - - <Title> - <Link - href={{ - pathname: '/item', - query: { id: item.id }, - }} - > - <a>{item.title}</a> - </Link> - </Title> - <PriceTag>{formatMoney(item.price)}</PriceTag> - <p>{item.description}</p> - - <div className="buttonList"> - <Link - href={{ - pathname: 'update', - query: { id: item.id }, - }} - > - <a>Edit ✏️</a> - </Link> - <AddToCart id={item.id} /> - <DeleteItem id={item.id}>Delete This Item</DeleteItem> - </div> - </ItemStyles> - ); - } -} |
