From 665273f0a91c76024003dae9e4e3a52020b4dcb0 Mon Sep 17 00:00:00 2001
From: ivan <ivan@opensupports.com>
Date: Wed, 12 Oct 2016 01:21:28 -0300
Subject: [PATCH] Ivan - Custom responses add buttons [skip ci]

---
 .../tickets/admin-panel-custom-responses.js    | 13 ++++++++++++-
 .../tickets/admin-panel-custom-responses.scss  | 18 ++++++++++++++++++
 client/src/data/languages/en.js                |  3 +++
 3 files changed, 33 insertions(+), 1 deletion(-)

diff --git a/client/src/app/admin/panel/tickets/admin-panel-custom-responses.js b/client/src/app/admin/panel/tickets/admin-panel-custom-responses.js
index 16aa52e3..ea619f6f 100644
--- a/client/src/app/admin/panel/tickets/admin-panel-custom-responses.js
+++ b/client/src/app/admin/panel/tickets/admin-panel-custom-responses.js
@@ -10,6 +10,7 @@ import ModalContainer from 'app-components/modal-container';
 import AreYouSure from 'app-components/are-you-sure';
 
 import Icon from 'core-components/icon';
+import Button from 'core-components/button';
 import Header from 'core-components/header';
 import Listing from 'core-components/listing';
 import Loading from 'core-components/loading';
@@ -54,7 +55,17 @@ class AdminPanelCustomResponses extends React.Component {
                     <Form {...this.getFormProps()}>
                         <FormField label={i18n('TITLE')} name="title" validation="TITLE" required fieldProps={{size: 'large'}}/>
                         <FormField label={i18n('CONTENT')} name="content" validation="TEXT_AREA" required field="textarea" />
-                        <SubmitButton>{i18n('SAVE')}</SubmitButton>
+                        <div className="admin-panel-custom-responses__actions">
+                            <div className="admin-panel-custom-responses__save-button">
+                                <SubmitButton type="secondary" size="small">{i18n('SAVE')}</SubmitButton>
+                            </div>
+                            <div className="admin-panel-custom-responses__discard-button">
+                                <Button>{i18n('DISCARD_CHANGES')}</Button>
+                            </div>
+                            <div className="admin-panel-custom-responses__delete-button">
+                                <Button size="small">{i18n('DELETE')}</Button>
+                            </div>
+                        </div>
                     </Form>
                 </div>
             </div>
diff --git a/client/src/app/admin/panel/tickets/admin-panel-custom-responses.scss b/client/src/app/admin/panel/tickets/admin-panel-custom-responses.scss
index 6e339b5e..b92025bb 100644
--- a/client/src/app/admin/panel/tickets/admin-panel-custom-responses.scss
+++ b/client/src/app/admin/panel/tickets/admin-panel-custom-responses.scss
@@ -6,4 +6,22 @@
     &__item-flag {
         float: right;
     }
+
+    &__actions {
+        text-align: left;
+    }
+
+    &__save-button {
+        display: inline-block;
+        margin-right: 30px;
+    }
+
+    &__discard-button {
+        display: inline-block;
+    }
+
+    &__delete-button {
+        display: inline-block;
+        float: right;
+    }
 }
\ No newline at end of file
diff --git a/client/src/data/languages/en.js b/client/src/data/languages/en.js
index 09007e80..ee46f1c5 100644
--- a/client/src/data/languages/en.js
+++ b/client/src/data/languages/en.js
@@ -56,6 +56,9 @@ export default {
     'LOW': 'Low',
     'TITLE': 'Title',
     'CONTENT': 'Content',
+    'SAVE': 'Save',
+    'DISCARD_CHANGES': 'Discard changes',
+    'DELETE': 'Delete',
 
     //VIEW DESCRIPTIONS
     'CREATE_TICKET_DESCRIPTION': 'This is a form for creating tickets. Fill the form and send us your issues/doubts/suggestions. Our support system will answer it as soon as possible.',