Changeset 0f5aa27 for frontend/src/Components/Listings

Timestamp:

02/04/24 16:57:49 (10 months ago)

Author:

darsov2 <62809499+darsov2@…>

Branches:

master

Children:

efaa053

Parents:

07f4e8b

Message:

ouath, mailing impl

File:

• frontend/src/Components/Listings/HotelListing.js (modified) (5 diffs)

frontend/src/Components/Listings/HotelListing.js

@@ -1 @@
-import {Col, Container, Image, Row, Button} from "react-bootstrap";
+import {Col, Container, Image, Row, Button, Badge} from "react-bootstrap";
 import {BsFillPersonFill} from "react-icons/bs";
 import {MdOutlineLocalOffer} from "react-icons/md";
@@ -5 +5 @@
 
 function HotelListing(props) {
+
+    const getMarketingMessage = (num) => {
+        switch (num){
+            case 1:
+                return "Достапно само денес"
+            case 2:
+                return "Последна соба"
+            case 3:
+                return "Специјална цена"
+        }
+    }
+
     console.log(props)
+    const randomInt = Math.floor(Math.random() * (3)) + 1;
     return (
         <>
@@ -15 +28 @@
                     boxShadow: "0 3px 5px lightblue",
                     maxWidth: "60%",
+                    backgroundColor: props.data.promoted ? "#e1f7fa" : ""
                 }}
             >
@@ -31 +45 @@
                     <Col>
                         <Row>
-                            <h3>{props.data.hotelName}</h3>
+                            <h3>{props.data.hotelName}
+                            {props.data.marketed && randomInt !== 3 && <h6><Badge bg="warning">{getMarketingMessage(randomInt)}</Badge></h6>}
+                            {props.data.promoted && <h6><Badge bg="primary">Најпопуларно</Badge></h6>}
+                            </h3>
                         </Row>
                         <Row>
@@ -90 +107 @@
                                 >
                                     <Row>
-                                        <h4>{props.data.totalPrice}$</h4>
+                                        <h4>{props.data.marketed && randomInt === 3 && <h6><Badge bg="warning">{getMarketingMessage(randomInt)}</Badge></h6>}
+                                            {props.data.totalPrice}$</h4>
                                     </Row>
                                     <Row className="w-100">