diff options
Diffstat (limited to 'finished-application/frontend/components/Item.js')
| -rw-r--r-- | finished-application/frontend/components/Item.js | 53 |
1 files changed, 0 insertions, 53 deletions
diff --git a/finished-application/frontend/components/Item.js b/finished-application/frontend/components/Item.js deleted file mode 100644 index d6b339e..0000000 --- a/finished-application/frontend/components/Item.js +++ /dev/null @@ -1,53 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types'; -import Link from 'next/link'; -import Title from './styles/Title'; -import AddToCart from './AddToCart'; -import DeleteItem from './DeleteItem'; -import formatMoney from '../lib/formatMoney'; -import ItemStyles from './styles/ItemStyles'; -import PriceTag from './styles/PriceTag'; - -class Item extends React.Component { - static propTypes = { - item: PropTypes.object.isRequired, - }; - - render() { - const item = this.props.item; - return ( - <ItemStyles key={item.id}> - {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} /> - </div> - </ItemStyles> - ); - } -} - -export default Item; |
