feat(client-electron): add ability to restore default settings

src/electron/main/main.ts

@@ -29,6 +29,7 @@ import {
   BreachProtocolCommands,
   BreachProtocolKeyBinds,
   COMMANDS,
+  defaultOptions,
   DropZoneFileValidationErrors,
   KEY_BINDS,
   PackageDetails,
@@ -115,6 +116,15 @@ export class Main {
         this.updater.checkForUpdates();
       },
     },
+    { type: 'separator' },
+    {
+      label: 'Restore default settings',
+      id: 'restore-default-settings',
+      enabled: false,
+      click: () => {
+        this.restoreDefaultSettings();
+      },
+    },
   ]);
 
   private trayMenu: MenuItemConstructorOptions[] = [
@@ -146,6 +156,7 @@ export class Main {
     const { worker, renderer } = createBrowserWindows();
     this.store = new Store(worker.webContents, renderer.webContents, [
       this.toggleKeyBind.bind(this),
+      this.toggleRestoreDefaultSettings.bind(this),
     ]);
 
     this.renderer = renderer;
@@ -533,4 +544,37 @@ export class Main {
       }
     }
   }
+
+  private toggleRestoreDefaultSettings(action: Action) {
+    this.toggleMenuItemOnBootstrap('restore-default-settings', action);
+  }
+
+  private toggleMenuItemOnBootstrap(
+    menuItemId: string,
+    { type, payload }: Action
+  ) {
+    if (type === ActionTypes.SET_STATUS) {
+      const menuItem = this.menu.getMenuItemById(menuItemId);
+
+      menuItem.enabled = payload !== WorkerStatus.Bootstrap;
+    }
+  }
+
+  private async restoreDefaultSettings() {
+    const result = await nativeDialog.confirm({
+      message: 'Do you want to restore default settings?',
+    });
+
+    if (!result) {
+      return;
+    }
+
+    const {
+      settings: { activeDisplayId },
+    } = this.store.getState();
+    const defaultSettings = { ...defaultOptions, activeDisplayId };
+    const action = new UpdateSettingsAction(defaultSettings);
+
+    this.store.dispatch(action, true);
+  }
 }

src/electron/renderer/components/Form.tsx

@@ -112,6 +112,10 @@ export const Form = <T,>({
   const [values, setValues] = useState(initialValues);
   const registry = useFieldValueChangeRegistry<T>();
 
+  useEffect(() => {
+    setValues(initialValues);
+  }, [initialValues]);
+
   function handleSubmit(event: FormEvent<HTMLFormElement>) {
     event.preventDefault();