memartel/GGMM
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Couple of fixes and stuff

Browse Source
This commit is contained in:
Victor Turgeon
2022-10-18 16:02:55 -07:00
parent bd55393123
commit 93d4ab44be
8 changed files with 339 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
GrossesMitaines/grosses-mitaines-ui/src/components/SimpleItem.js
View File

@@ -1,6 +1,6 @@
import { FaTimes } from 'react-icons/fa'
import { FaTools } from 'react-icons/fa'
import { useState } from 'react';
import { faTools, faTimes } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import Modify from './Modify';
@@ -33,18 +33,21 @@ const SimpleItem = ({ item, onDelete, onModify }) => {
return (
<div className="inventaire-item">
<h3>
{item.title}
<div>
<FaTools style={{ color: "gray", cursor: 'pointer' }}
<div className='simple-item-top-container'>
<h3 className='simple-item-title' >
{item.title}
</h3>
<h1 className='simple-item-buttons'>
<FontAwesomeIcon transform="left-10" icon={faTools} className='.btn-modifier-morceau' style={{ color: "gray", cursor: 'pointer' }}
onClick={() => setFormVisibility(!isFormvisible)} />
<FaTimes style={{ color: "red", cursor: 'pointer' }}
<FontAwesomeIcon icon={faTimes} className='.btn-effacer-morceau' style={{ color: "red", cursor: 'pointer' }}
onClick={() => onDelete(item.id)} />
</div>
</h3>
</h1>
</div>
{isFormvisible && <Modify morceau={item} onModify={onModify}></Modify>}
{!isFormvisible && <div>
<p> Categoie: {item.category}, Prix: {item.price}, Promo: {item.promoPrice}, Quantité: {item.quantity}, Disponibilité: {renderStatus(item.status)}</p>
<p> Catégorie: {item.category}, Prix: {item.price}, Promo: {item.promoPrice}, Quantité: {item.quantity}, Disponibilité: {renderStatus(item.status)}</p>
<p> Description: {item.description}</p>
</div>
}