feat: add preference on android to not confirm when exiting (#1870)

packages/mobile/src/Lib/Interface.ts

@@ -567,7 +567,12 @@ export class MobileDevice implements MobileDeviceInterface {
     return true
   }
 
-  confirmAndExit() {
+  exitApp(shouldConfirm?: boolean) {
+    if (!shouldConfirm) {
+      SNReactNative.exitApp()
+      return
+    }
+
     Alert.alert(
       'Close app',
       'Do you want to close the app?',

packages/services/src/Domain/Device/MobileDeviceInterface.ts

@@ -16,5 +16,5 @@ export interface MobileDeviceInterface extends DeviceInterface {
   shareBase64AsFile(base64: string, filename: string): Promise<void>
   downloadBase64AsFile(base64: string, filename: string, saveInTempLocation?: boolean): Promise<string | undefined>
   previewFile(base64: string, filename: string): Promise<boolean>
-  confirmAndExit(): void
+  exitApp(confirm?: boolean): void
 }

packages/web/src/javascripts/Components/Preferences/Panes/General/Defaults.tsx

@@ -7,6 +7,7 @@ import {
   ComponentMutator,
   SNComponent,
   NewNoteTitleFormat,
+  Platform,
 } from '@standardnotes/snjs'
 import { Subtitle, Text, Title } from '@/Components/Preferences/PreferencesComponents/Content'
 import { WebApplication } from '@/Application/Application'
@@ -52,7 +53,13 @@ const getDefaultEditor = (application: WebApplication) => {
   return application.componentManager.componentsForArea(ComponentArea.Editor).filter((e) => e.isDefaultEditor())[0]
 }
 
+export const AndroidConfirmBeforeExitKey = 'ConfirmBeforeExit'
+
 const Defaults: FunctionComponent<Props> = ({ application }) => {
+  const [androidConfirmBeforeExit, setAndroidConfirmBeforeExit] = useState(
+    () => (application.getValue(AndroidConfirmBeforeExitKey) as boolean) ?? true,
+  )
+
   const [editorItems, setEditorItems] = useState<DropdownItem[]>([])
   const [defaultEditorValue, setDefaultEditorValue] = useState(
     () => getDefaultEditor(application)?.package_info?.identifier || 'plain-editor',
@@ -143,10 +150,26 @@ const Defaults: FunctionComponent<Props> = ({ application }) => {
     [],
   )
 
+  const toggleAndroidConfirmBeforeExit = () => {
+    const newValue = !androidConfirmBeforeExit
+    setAndroidConfirmBeforeExit(newValue)
+    application.setValue(AndroidConfirmBeforeExitKey, newValue)
+  }
+
   return (
     <PreferencesGroup>
       <PreferencesSegment>
         <Title>Defaults</Title>
+        {application.platform === Platform.Android && (
+          <div className="flex items-center justify-between">
+            <div className="flex flex-col">
+              <Subtitle>Always ask before closing app</Subtitle>
+              <Text>Whether a confirmation dialog should be shown before closing the app.</Text>
+            </div>
+            <Switch onChange={toggleAndroidConfirmBeforeExit} checked={androidConfirmBeforeExit} />
+          </div>
+        )}
+        <HorizontalSeparator classes="my-4" />
         <div>
           <Subtitle>Default Note Type</Subtitle>
           <Text>New notes will be created using this type</Text>

packages/web/src/javascripts/NativeMobileWeb/useAndroidBackHandler.tsx

@@ -1,4 +1,5 @@
 import { WebApplication } from '@/Application/Application'
+import { AndroidConfirmBeforeExitKey } from '@/Components/Preferences/Panes/General/Defaults'
 import { observer } from 'mobx-react-lite'
 import { createContext, memo, ReactNode, useCallback, useContext, useEffect } from 'react'
 
@@ -34,7 +35,10 @@ const AndroidBackHandlerProvider = ({ application, children }: ProviderProps) =>
 
   useEffect(() => {
     const removeListener = addAndroidBackHandler(() => {
-      application.mobileDevice().confirmAndExit()
+      const shouldConfirm = (application.getValue(AndroidConfirmBeforeExitKey) as boolean) ?? true
+
+      application.mobileDevice().exitApp(shouldConfirm)
+
       return true
     })
     return () => {