# Shirt Card

[MarkyAaronYoung]

User Story

As a user I should be able to click on the "my clothes" or"vintageverified" logo and se all the shirts I have verified in the form of cards

AC

WHEN I click on the vintage verified logo I should be able to see cards of all the shirts I've verified AND I should see a button on each card to delete or edit shirt

Dev Notes

• create shirt card using following

  
  Class shirtCard extends React.Component {
  render() {
  const { shirt } = this.props;
  return (
   <div className="card shirt-card”>
      <img src={ shirt.imageUrl } className="card-img-top rounded-circle" alt=“dress card”></img>
      <div className="card-body">
        <h2 className="card-title"> { shirt.name }</h2>
        <h3 className=“card-text”> Vintage: { shirt.isVintage }</h3>
        <p className="card-text">T-shirt?: { shirt.isTshirt }</p>
        <p className=“card-text”>What Brand: { shirt.whatBrand}</p>
        <p className=“card-text”>Made In: { dress.whereMade }</p>
        <p className=“card-text”>=Stitch type: { dress.stitchType }</p>
        <button type="button" className="btn btn-secondary"
        onClick={this.deleteShirtEvent}>delete</button> <button className="btn btn-light" onClick={this.editShirtEvent}><i className="far fa-edit">Edit</i></button>
      </div>
    </div>
  );
  }
  }

Export default shirtCard;