fix(settings): do not close settings

ph1p · May 1, 2020 · 7769dda · 7769dda
1 parent b01fe05
commit 7769dda
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 7 deletions.
diff --git a/src/store/index.tsx b/src/store/index.tsx
@@ -98,13 +98,14 @@ class RootStore {
   }
 
   @action
-  removeAllMessages() {
+  removeAllMessages(cb: () => void) {
     if (
       (window as any).confirm('Remove all messages? (This cannot be undone)')
     ) {
       sendMainMessage('remove-all-messages');
-      (window as any).alert('Messages successfully removed');
       this.messages = [];
+      cb();
+      this.addNotification('Messages successfully removed');
     }
   }
 

diff --git a/src/views/Chat.tsx b/src/views/Chat.tsx
@@ -141,8 +141,6 @@ const ChatView: FunctionComponent<ChatProps> = (props) => {
       if (pmessage.type === 'relaunch-message') {
         chatState.selectionIsChecked = true;
 
-        console.log(pmessage.payload.selection);
-
         store.selection = pmessage.payload.selection || {};
 
         if (store.selectionCount) {

diff --git a/src/views/Settings.tsx b/src/views/Settings.tsx
@@ -87,7 +87,7 @@ const SettingsView: FunctionComponent<SettingsProps> = (props) => {
           <input
             type="text"
             value={settings.name}
-            onBlur={() => saveSettings()}
+            onBlur={() => saveSettings(false)}
             onChange={({ target }: any) =>
               (settings.name = target.value.substr(0, 20))
             }
@@ -103,7 +103,7 @@ const SettingsView: FunctionComponent<SettingsProps> = (props) => {
               checked={settings.enableNotificationTooltip}
               onChange={() => {
                 settings.enableNotificationTooltip = !settings.enableNotificationTooltip;
-                saveSettings();
+                saveSettings(false);
               }}
             />
           </Checkboxes>
@@ -137,7 +137,7 @@ const SettingsView: FunctionComponent<SettingsProps> = (props) => {
         <div className="delete-history">
           <button
             type="submit"
-            onClick={store.removeAllMessages}
+            onClick={() => store.removeAllMessages(() => saveSettings(true))}
             className="button button--secondary"
           >
             Delete history
@@ -214,6 +214,9 @@ const Settings = styled.div`
     color: #fff;
     padding: 5px 4px;
     outline: none;
+    &::placeholder {
+      color: #fff;
+    }
   }
   .fields {
     margin-bottom: 20px;

diff --git a/src/views/UserList.tsx b/src/views/UserList.tsx
@@ -4,6 +4,7 @@ import Header from '../components/Header';
 // store
 import { observer } from 'mobx-react';
 import { useStore } from '../store';
+
 const UserListView: FunctionComponent = () => {
   const store = useStore();