From 28ea42ef2758f69b829be94ba5a288dfa34ce3a0 Mon Sep 17 00:00:00 2001
From: bri <brianwkhuffman@gmail.com>
Date: Sun, 25 Oct 2020 16:01:04 -1000
Subject: [PATCH 1/4] adds clear reservations button

---
 src/components/WaitList/WaitList.jsx    | 34 ++++++++++++++++++++++++-
 src/views/RetailerView/RetailerView.jsx |  2 +-
 2 files changed, 34 insertions(+), 2 deletions(-)

diff --git a/src/components/WaitList/WaitList.jsx b/src/components/WaitList/WaitList.jsx
index 382474a..9bf34ae 100644
--- a/src/components/WaitList/WaitList.jsx
+++ b/src/components/WaitList/WaitList.jsx
@@ -2,14 +2,31 @@ import React from 'react';
 import styles from './WaitList.module.scss'
 import clock from '../../utils/imgs/clock.png'
 import Reservation from '../Reservation';
+import { actionUpdateReservation } from '../../actions';
+import { connect } from "react-redux";
 
 const WaitList = (props) => {
     let {
         retailerName,
         waitList,
+        holdList,
         handlePlusPartySize,
     } = props;
 
+    const clearReservations = () => {
+        if (waitList.length === 0 && holdList.length === 0) {
+            return alert('no reservations to cancel')
+        };
+        waitList.map((res) => {
+            let data = { queueStatus: 'cancelled' }
+            return props.dispatchUpdateReservation(data, res.id)
+        });
+        holdList.map((res) => {
+            let data = { queueStatus: 'cancelled' }
+            return props.dispatchUpdateReservation(data, res.id)
+        })
+    };
+
     return (
         <ul className={styles.WaitList}>
             <div className={styles.header}>
@@ -18,8 +35,15 @@ const WaitList = (props) => {
                     <img src={clock} alt="average wait time" />
                     <h3>5 Min</h3>
                 </div>
+                <button
+                    type="button"
+                    onClick={clearReservations}
+                >
+                    Clear
+                </button>
             </div>
             <div className={styles.listContainer}>
+                {waitList.length === 0 ? "No Reservations..." : null}
                 {waitList.map((reservation, index) => {
                     let replyStatuses = {
                         confirmed: "#6d9773",
@@ -48,4 +72,12 @@ const WaitList = (props) => {
     );
 };
 
-export default WaitList;
+const mapDispatchToProps = (dispatch) => {
+    return {
+        dispatchUpdateReservation: (data, id) => {
+            return dispatch(actionUpdateReservation(data, id))
+        }
+    }
+};
+
+export default connect(null, mapDispatchToProps)(WaitList);
diff --git a/src/views/RetailerView/RetailerView.jsx b/src/views/RetailerView/RetailerView.jsx
index e0322d0..e448167 100644
--- a/src/views/RetailerView/RetailerView.jsx
+++ b/src/views/RetailerView/RetailerView.jsx
@@ -94,13 +94,13 @@ function RetailerView(props) {
       return dispatchFetchOneRetailer(retailer.id);
     }
   }, [dispatchFetchOneRetailer]);
-
   return (
     <>
       <div className={styles.RetailerView}>
         <WaitList
           retailerName={props.retailerName}
           waitList={props.waitList}
+          holdList={props.holdList}
           handlePlusPartySize={handlePlusPartySize}
         />
         <HoldList

From cd2c6be9778ac855ce996e838afea529d561d0e3 Mon Sep 17 00:00:00 2001
From: bri <brianwkhuffman@gmail.com>
Date: Sun, 25 Oct 2020 16:20:03 -1000
Subject: [PATCH 2/4] adds more logic to clear reservation button

---
 src/components/WaitList/WaitList.jsx | 30 ++++++++++++++++++----------
 1 file changed, 20 insertions(+), 10 deletions(-)

diff --git a/src/components/WaitList/WaitList.jsx b/src/components/WaitList/WaitList.jsx
index 9bf34ae..52782a0 100644
--- a/src/components/WaitList/WaitList.jsx
+++ b/src/components/WaitList/WaitList.jsx
@@ -14,17 +14,27 @@ const WaitList = (props) => {
     } = props;
 
     const clearReservations = () => {
-        if (waitList.length === 0 && holdList.length === 0) {
-            return alert('no reservations to cancel')
+        let waitLength = waitList.length;
+        let holdLength = holdList.length;
+
+        if (waitLength === 0 && holdLength === 0) {
+            return alert('No reservations to cancel.');
+        }
+        if (waitLength !== 0) {
+            waitList.forEach((res) => {
+                let data = { queueStatus: 'cancelled' }
+                props.dispatchUpdateReservation(data, res.id);
+            });
+            alert(`Wait list cleared ${waitLength} reservations.`)
         };
-        waitList.map((res) => {
-            let data = { queueStatus: 'cancelled' }
-            return props.dispatchUpdateReservation(data, res.id)
-        });
-        holdList.map((res) => {
-            let data = { queueStatus: 'cancelled' }
-            return props.dispatchUpdateReservation(data, res.id)
-        })
+        if (holdLength !== 0) {
+            holdList.forEach((res) => {
+                let data = { queueStatus: 'cancelled' }
+                props.dispatchUpdateReservation(data, res.id);
+            })
+            alert(`Hold list cleared ${holdLength} reservations.`)
+        }
+        return
     };
 
     return (

From 71f242db3512588f0da01b88ed67180494b9e58a Mon Sep 17 00:00:00 2001
From: bri <brianwkhuffman@gmail.com>
Date: Sun, 25 Oct 2020 16:36:59 -1000
Subject: [PATCH 3/4] adds reset to CLOSE button

---
 src/components/Dashboard/Dashboard.jsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/Dashboard/Dashboard.jsx b/src/components/Dashboard/Dashboard.jsx
index 78f269f..be44969 100644
--- a/src/components/Dashboard/Dashboard.jsx
+++ b/src/components/Dashboard/Dashboard.jsx
@@ -60,6 +60,9 @@ const Dashboard = (props) => {
     if (isOpen) {
       dashboard.setAttribute("style", "top: 3vh");
       addbutton.innerHTML = "CLOSE";
+      addbutton.addEventListener('click', function () {
+        resetQueueForm();
+      })
       addbutton.setAttribute("style", "background: #ff421f; color: white");
       addbutton.removeEventListener("click", handleExpand);
       addbutton.addEventListener("click", handleCollapse);

From 56d620e5b3f51a43f658f914344a15b8a647fffa Mon Sep 17 00:00:00 2001
From: bri <brianwkhuffman@gmail.com>
Date: Sun, 25 Oct 2020 16:38:35 -1000
Subject: [PATCH 4/4] stupid ;

---
 src/components/Dashboard/Dashboard.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Dashboard/Dashboard.jsx b/src/components/Dashboard/Dashboard.jsx
index be44969..c7def57 100644
--- a/src/components/Dashboard/Dashboard.jsx
+++ b/src/components/Dashboard/Dashboard.jsx
@@ -48,7 +48,7 @@ const Dashboard = (props) => {
   };
 
   const resetQueueForm = () => {
-    setPhoneNumber('')
+    setPhoneNumber('');
     return document.getElementById("phone-input-form").reset();
   };
 
@@ -62,7 +62,7 @@ const Dashboard = (props) => {
       addbutton.innerHTML = "CLOSE";
       addbutton.addEventListener('click', function () {
         resetQueueForm();
-      })
+      });
       addbutton.setAttribute("style", "background: #ff421f; color: white");
       addbutton.removeEventListener("click", handleExpand);
       addbutton.addEventListener("click", handleCollapse);