From 0a92a3012ebde9c6523fa114fe25b7fed97cf551 Mon Sep 17 00:00:00 2001
From: Mark McDowall <mark@mcdowall.ca>
Date: Sat, 6 Jul 2019 11:27:17 -0700
Subject: [PATCH] Add warning to remove from queue dialog

---
 frontend/src/Activity/Queue/RemoveQueueItemModal.css        | 3 ++-
 frontend/src/Activity/Queue/RemoveQueueItemModal.js         | 6 +++++-
 .../src/AddSeries/AddNewSeries/AddNewSeriesSearchResult.js  | 6 +++---
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/frontend/src/Activity/Queue/RemoveQueueItemModal.css b/frontend/src/Activity/Queue/RemoveQueueItemModal.css
index c9ef59ec1..d7a643463 100644
--- a/frontend/src/Activity/Queue/RemoveQueueItemModal.css
+++ b/frontend/src/Activity/Queue/RemoveQueueItemModal.css
@@ -1,3 +1,4 @@
-.message {
+.messageRemove {
   margin-bottom: 30px;
+  color: $dangerColor;
 }
diff --git a/frontend/src/Activity/Queue/RemoveQueueItemModal.js b/frontend/src/Activity/Queue/RemoveQueueItemModal.js
index 52c2bc1cc..0adf47ffe 100644
--- a/frontend/src/Activity/Queue/RemoveQueueItemModal.js
+++ b/frontend/src/Activity/Queue/RemoveQueueItemModal.js
@@ -69,10 +69,14 @@ class RemoveQueueItemModal extends Component {
           </ModalHeader>
 
           <ModalBody>
-            <div className={styles.message}>
+            <div>
               Are you sure you want to remove '{sourceTitle}' from the queue?
             </div>
 
+            <div className={styles.messageRemove}>
+              Removing will remove the download and the file(s) from the download client.
+            </div>
+
             <FormGroup>
               <FormLabel>Blacklist Release</FormLabel>
               <FormInputGroup
diff --git a/frontend/src/AddSeries/AddNewSeries/AddNewSeriesSearchResult.js b/frontend/src/AddSeries/AddNewSeries/AddNewSeriesSearchResult.js
index 53cd0c62d..f684ca35b 100644
--- a/frontend/src/AddSeries/AddNewSeries/AddNewSeriesSearchResult.js
+++ b/frontend/src/AddSeries/AddNewSeries/AddNewSeriesSearchResult.js
@@ -24,7 +24,7 @@ class AddNewSeriesSearchResult extends Component {
 
   componentDidUpdate(prevProps) {
     if (!prevProps.isExistingSeries && this.props.isExistingSeries) {
-      this.onAddSerisModalClose();
+      this.onAddSeriesModalClose();
     }
   }
 
@@ -35,7 +35,7 @@ class AddNewSeriesSearchResult extends Component {
     this.setState({ isNewAddSeriesModalOpen: true });
   }
 
-  onAddSerisModalClose = () => {
+  onAddSeriesModalClose = () => {
     this.setState({ isNewAddSeriesModalOpen: false });
   }
 
@@ -161,7 +161,7 @@ class AddNewSeriesSearchResult extends Component {
           year={year}
           overview={overview}
           images={images}
-          onModalClose={this.onAddSerisModalClose}
+          onModalClose={this.onAddSeriesModalClose}
         />
       </div>
     );