done with card for react

Author: AmoDinho

src/content/create-listing-card.md

@@ -9,17 +9,16 @@ framework: react
 chapter: Building reusable components
 ---
 
-
-In this post we will make a tour card that will allow us to display all our listings. 
+In this post we will make a tour card that will allow us to display all our listings.
 
 Create a `cards` directory and create `ListingCard.js` file:
 
 ```javascript
-import React from "react";
-import { Rate } from "antd";
-import BodyOne from "../typography/BodyOne";
-import PropTypes from "prop-types";
-import "antd/dist/antd.css";
+import React from "react"
+import { Rate } from "antd"
+import BodyOne from "../typography/BodyOne"
+import PropTypes from "prop-types"
+import "antd/dist/antd.css"
 
 const ListingCard = ({
   listingTitle,
@@ -42,22 +41,22 @@ const ListingCard = ({
       </div>
     </div>
   </>
-);
+)
 
 ListingCard.propTypes = {
   listingTitle: PropTypes.string,
   listingLocation: PropTypes.string,
   price: PropTypes.string,
   rating: PropTypes.number,
   coverPhoto: PropTypes.string,
-};
-export default ListingCard;
+}
+export default ListingCard
 ```
 
-🎡  We have a `div` that we have given a `border-radius` and `box-shadow` that has width and height set to auto.
+🎡 We have a `div` that we have given a `border-radius` and `box-shadow` that has width and height set to auto.
 
-🎡 it takes props called `listingTitle`, `listingLocation`, `price`, `rating` and `coverPhoto`
+🎡 It takes props called `listingTitle`, `listingLocation`, `price`, `rating` and `coverPhoto`.
 
 Once you're done, it will look like this:
 
-![tour-card](/uploads/tourcard.png)
+![tour-card](/uploads/tourcard.png)