First stable application according to tutorial

2021-05-25 23:40:27 +02:00 · 2021-05-25 23:40:27 +02:00 · 8d451a87b6
commit 8d451a87b6
parent f5e4be85c4
33 changed files with 1090 additions and 113 deletions
--- a/frontend/src/components/CardItem.js
+++ b/frontend/src/components/CardItem.js
@ -0,0 +1,21 @@
+import React from 'react'
+import { Link } from 'react-router-dom'
+
+function CardItem(props) {
+    return (
+        <>
+            <li className="cards__item">
+                <Link className="cards__item__link" to={props.path}>
+                    <figure className="cards__item__pic-wrap" data-category={props.label}>
+                        <img src={props.src} alt="Travel Image" className="cards__item__img" />
+                    </figure>
+                    <div className="cards__item__info">
+                        <h5 className="cards__item__text">{props.text}</h5>
+                    </div>
+                </Link>
+            </li>
+        </>
+    )
+}
+
+export default CardItem