From 0e40b0873ed329e9dfbf0b7ceec09d64cfda64a7 Mon Sep 17 00:00:00 2001 From: Evans Kofi Nyamekye Date: Wed, 6 Mar 2024 09:27:37 +0000 Subject: [PATCH 01/13] Update link text in PlaceList component --- src/Components/PlaceList.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/Components/PlaceList.js b/src/Components/PlaceList.js index a0cfa8c..65b7a21 100644 --- a/src/Components/PlaceList.js +++ b/src/Components/PlaceList.js @@ -91,8 +91,8 @@ function PlacesList() {
  • instagram-icon
  • p-icon
    • - ))} From 0368045cf9d9b8005c73130428af76b8d1e4c70a Mon Sep 17 00:00:00 2001 From: Evans Kofi Nyamekye Date: Wed, 6 Mar 2024 09:27:56 +0000 Subject: [PATCH 02/13] Update reservation message element --- src/Components/MyReservations.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/Components/MyReservations.js b/src/Components/MyReservations.js index 9dad429..4604720 100644 --- a/src/Components/MyReservations.js +++ b/src/Components/MyReservations.js @@ -36,7 +36,7 @@ function MyReservations() {

    My Reservations

    {reservations.length === 0 ? ( -
    No reservations
    +

    No reservations

    ) : ( reservations.map((reservation) => (
      From d7acd0bd548dc5f2bbd9bf562e3de4cb4a5310f4 Mon Sep 17 00:00:00 2001 From: Evans Kofi Nyamekye Date: Wed, 6 Mar 2024 09:28:17 +0000 Subject: [PATCH 03/13] Refactor rate display in DetailsPage component --- src/Components/DetailsPage.js | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/src/Components/DetailsPage.js b/src/Components/DetailsPage.js index ec78257..f7ea88c 100644 --- a/src/Components/DetailsPage.js +++ b/src/Components/DetailsPage.js @@ -43,10 +43,9 @@ function DetailsPage() { Location: {detailsPage.location}

      -

      - Rate: + -

      +

      Address: {detailsPage.address} From 65e17cec3aa6dc8c592723fc598adb533a55b026 Mon Sep 17 00:00:00 2001 From: Evans Kofi Nyamekye Date: Wed, 6 Mar 2024 09:28:39 +0000 Subject: [PATCH 04/13] Refactor DeletePlace component to use a delete-place-container class and delete-place-card class --- src/Components/DeletePlace.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/Components/DeletePlace.js b/src/Components/DeletePlace.js index 1d60794..5c934d8 100644 --- a/src/Components/DeletePlace.js +++ b/src/Components/DeletePlace.js @@ -30,9 +30,9 @@ const DeletePlace = () => { } return ( -

      +

      Delete Place

      -
        +
          {places.map((place) => (

        • {place.description}

          From dbcab18fe6e70ecc8c36c756217a1591f9975524 Mon Sep 17 00:00:00 2001 From: Evans Kofi Nyamekye Date: Wed, 6 Mar 2024 09:28:49 +0000 Subject: [PATCH 05/13] Update button class in AddReservation component --- src/Components/AddReservation.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/Components/AddReservation.js b/src/Components/AddReservation.js index 40bfa4e..0c841e1 100644 --- a/src/Components/AddReservation.js +++ b/src/Components/AddReservation.js @@ -110,7 +110,7 @@ function AddReservation() { {status === 'succeeded' && (
          Reservation added successfully!
          )} - +
      ); } From d30ff18d36d1ead55a70c6514f5476ffdd49f6e1 Mon Sep 17 00:00:00 2001 From: Evans Kofi Nyamekye Date: Wed, 6 Mar 2024 09:28:58 +0000 Subject: [PATCH 06/13] Update Add Place button text --- src/Components/AddPlace.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/Components/AddPlace.js b/src/Components/AddPlace.js index 0cd98be..9962005 100644 --- a/src/Components/AddPlace.js +++ b/src/Components/AddPlace.js @@ -64,7 +64,7 @@ function AddPlace() { Place added successfully!
      )} - +
    ); From 3a9e608673b8fbd012dfad75b6e45e5a17ce6ea5 Mon Sep 17 00:00:00 2001 From: Evans Kofi Nyamekye Date: Wed, 6 Mar 2024 09:29:15 +0000 Subject: [PATCH 07/13] Add styles for social icons and links --- src/Placelist.css | 43 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 43 insertions(+) diff --git a/src/Placelist.css b/src/Placelist.css index 6d5163a..51e916e 100644 --- a/src/Placelist.css +++ b/src/Placelist.css @@ -55,6 +55,14 @@ li { } .social-icons { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + gap: 10px; +} + +.social-icons-li { display: flex; flex-direction: row; justify-content: center; @@ -62,6 +70,15 @@ li { gap: 10px; } +.social-icons-li img { + width: 15px; + height: auto; +} + +.social-icons-li li:hover { + opacity: 0.5; +} + .social-icons li img { gap: 10px; width: 20px; @@ -134,6 +151,32 @@ li { cursor: pointer; } +.link { + text-decoration: none; + font-size: 16px; + transition-duration: 0.4s; + border: none; + border-radius: 5px; + padding: 0 15px; + display: inline-block; + cursor: pointer; + background-color: rgb(151 191 17); +} + +.link:hover { + background-color: #fff; + border: rgb(151 191 17) solid 1px; +} + +.link p { + color: #fff; + margin: 10px; +} + +.link p:hover { + color: #000; +} + /* start of Mobile styles */ @media only screen and (max-width: 600px) { h1 { From 54c1769ac6cc93f5b70ba629e02b00342c8354c8 Mon Sep 17 00:00:00 2001 From: Evans Kofi Nyamekye Date: Wed, 6 Mar 2024 09:29:27 +0000 Subject: [PATCH 08/13] Add margin:auto to .myreservationspage --- src/MyReservations.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/MyReservations.css b/src/MyReservations.css index 5f1f96e..be9b511 100644 --- a/src/MyReservations.css +++ b/src/MyReservations.css @@ -4,6 +4,7 @@ p { .myreservationspage { padding: 0; + margin: auto; font-family: Arial, sans-serif; } From 9d2e149e8e9b49b6225dac85471ab059313c511d Mon Sep 17 00:00:00 2001 From: Evans Kofi Nyamekye Date: Wed, 6 Mar 2024 09:29:37 +0000 Subject: [PATCH 09/13] Add styles for new buttons and links --- src/DetailsPage.css | 56 +++++++++++++++++++++++++++++---------------- 1 file changed, 36 insertions(+), 20 deletions(-) diff --git a/src/DetailsPage.css b/src/DetailsPage.css index 2d51c0f..739847d 100644 --- a/src/DetailsPage.css +++ b/src/DetailsPage.css @@ -1,3 +1,11 @@ +.add-res-button { + font-size: 15px; + padding: 10px; + border: none; + border-radius: 5px; + background-color: #a8db19; +} + .item-details { display: flex; flex-direction: column; @@ -20,6 +28,16 @@ width: 80vw; } +.price-per-night { + background-color: lightgray; + padding: 10px; + width: 100%; +} + +.rate { + text-align: center; +} + .image { width: 40vw; height: 70vh; @@ -37,35 +55,33 @@ color: black; } -.view-details { - font-size: 15px; - padding: 10px; +.link-btn { + text-decoration: none; + font-size: 16px; + transition-duration: 0.4s; border: none; border-radius: 5px; - background-color: #a8db19; + padding: 10px 25px; + display: inline-block; + cursor: pointer; + background-color: rgb(151 191 17); + color: #fff; } -a { - text-decoration: none; +.link-btn:hover { + background-color: #fff; + border: rgb(151 191 17) solid 1px; color: #000; } -.price-per-night { - background-color: lightgray; - padding: 10px; - width: 100%; -} - -.add-res-button { - font-size: 15px; - padding: 10px; - border: none; - border-radius: 5px; - background-color: #a8db19; -} - /* start of Mobile styles */ @media only screen and (max-width: 600px) { + #previous, + #next { + padding: 10px; + border-radius: 50px; + } + .main { flex-direction: column; align-items: center; From 23dfd086871fa3431ea26701be37da14427e8263 Mon Sep 17 00:00:00 2001 From: Evans Kofi Nyamekye Date: Wed, 6 Mar 2024 09:29:44 +0000 Subject: [PATCH 10/13] Add styles for delete place container and card --- src/DeleteItem.css | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/src/DeleteItem.css b/src/DeleteItem.css index 3fb42a9..b11eb6e 100644 --- a/src/DeleteItem.css +++ b/src/DeleteItem.css @@ -11,3 +11,28 @@ color: #fff; border: none; } + +.delete-place-container { + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + margin: 10px; +} + +@media screen and (max-width: 600px) { + .delete-place-container { + display: flex; + align-items: center; + gap: 10px; + margin: 10px; + } + + .delete-place-card { + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + margin: 10px; + } +} From 2336164de2487ffa064d44a7cf61617a9d2553d3 Mon Sep 17 00:00:00 2001 From: Evans Kofi Nyamekye Date: Wed, 6 Mar 2024 09:29:55 +0000 Subject: [PATCH 11/13] Add link button styles to AddReservation.css --- src/AddReservation.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/src/AddReservation.css b/src/AddReservation.css index bfb831c..f610871 100644 --- a/src/AddReservation.css +++ b/src/AddReservation.css @@ -15,6 +15,25 @@ select { box-sizing: border-box; } +.link-btn-li { + text-decoration: none; + font-size: 16px; + transition-duration: 0.4s; + border: rgb(194, 241, 39) solid 1px; + border-radius: 5px; + padding: 10px 25px; + display: inline-block; + cursor: pointer; + background-color: rgb(151 191 17); + color: #fff; +} + +.link-btn-li:hover { + background-color: #fff; + border: rgb(151 191 17) solid 1px; + color: #000; +} + /* start of Mobile styles */ @media only screen and (max-width: 600px) { .form-container { From f41bc4049a5893d55965a87895e835de91b2ce8b Mon Sep 17 00:00:00 2001 From: Evans Kofi Nyamekye Date: Wed, 6 Mar 2024 09:30:12 +0000 Subject: [PATCH 12/13] Refactor AddPlace.css: Adjust button styling --- src/AddPlace.css | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/src/AddPlace.css b/src/AddPlace.css index 4eed6aa..a49fe4a 100644 --- a/src/AddPlace.css +++ b/src/AddPlace.css @@ -26,11 +26,16 @@ } .button { - width: 100%; border: rgb(155, 155, 163) 2px solid; - padding: 10px; border-radius: 5px; color: #000; + margin-top: 20px; + transition: all 0.5s ease; +} + +.button p { + font-size: 20px; + margin: 5px; } .button:hover { From 175d44a7c33413b404a2890ecabaccec2d183e2a Mon Sep 17 00:00:00 2001 From: Evans Kofi Nyamekye Date: Wed, 6 Mar 2024 09:30:22 +0000 Subject: [PATCH 13/13] Fix image path in README.md --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 43e0db9..cb29629 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,7 @@
    -