fix: setting menu, added cancel button to reload without saving

olzzon · Aug 17, 2019 · 931ddbe · 931ddbe
1 parent 25167d2
commit 931ddbe
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 0 deletions.
diff --git a/src/assets/css/Settings.css b/src/assets/css/Settings.css
@@ -85,5 +85,20 @@ input[type=text] {
     outline: 0;
 }
 
+.settings-cancel-button {
+    margin-top: 10px;
+    margin-right: 10px;
+    margin-bottom: 10px;
+    left: calc(50% - 90px);
+    font-size: 1.1em;
+    width: 180px;
+    line-height: 300%;
+    background: rgb(54, 54, 54);
+    color: white;
+    font-family: 'Roboto Condensed', sans-serif;
+    border-radius: 16px;
+    border-width: 0;
+    outline: 0;
+}
 
 
diff --git a/src/components/Settings.tsx b/src/components/Settings.tsx
@@ -179,6 +179,10 @@ class Settings extends React.PureComponent<IAppProps & Store, IState> {
         location.reload();
     }
 
+    handleCancel = () => {
+        location.reload();
+    }
+
     renderChannelTypeSettings = () => {
         return (
             <div className="settings-show-channel-selection">
@@ -363,6 +367,15 @@ class Settings extends React.PureComponent<IAppProps & Store, IState> {
                 <br/>
                 {this.renderRemoteControllerSettings()}
                 <br/>
+                <button
+                    className="settings-cancel-button"
+                    onClick=
+                        {() => {
+                            this.handleCancel();
+                        }}
+                >
+                    CANCEL
+                </button>
                 <button
                     className="settings-save-button"
                     onClick=