summaryrefslogtreecommitdiffstats
path: root/finished-application/frontend/components/Item.js
diff options
context:
space:
mode:
Diffstat (limited to 'finished-application/frontend/components/Item.js')
-rw-r--r--finished-application/frontend/components/Item.js53
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;