feat: mobile workspaces (#1093)

packages/mobile/src/Screens/Settings/Sections/OptionsSection.tsx

@@ -1,16 +1,16 @@
 import { useSignedIn } from '@Lib/SnjsHelperHooks'
 import { useNavigation } from '@react-navigation/native'
-import { ApplicationContext } from '@Root/ApplicationContext'
 import { ButtonCell } from '@Root/Components/ButtonCell'
 import { SectionedAccessoryTableCell } from '@Root/Components/SectionedAccessoryTableCell'
 import { SectionedOptionsTableCell } from '@Root/Components/SectionedOptionsTableCell'
 import { SectionHeader } from '@Root/Components/SectionHeader'
 import { TableSection } from '@Root/Components/TableSection'
+import { useSafeApplicationContext } from '@Root/Hooks/useSafeApplicationContext'
 import { ModalStackNavigationProp } from '@Root/ModalStack'
 import { SCREEN_MANAGE_SESSIONS, SCREEN_SETTINGS } from '@Root/Screens/screens'
 import { ButtonType, PrefKey } from '@standardnotes/snjs'
 import moment from 'moment'
-import React, { useCallback, useContext, useMemo, useState } from 'react'
+import React, { useCallback, useMemo, useState } from 'react'
 import { Platform } from 'react-native'
 import DocumentPicker from 'react-native-document-picker'
 import RNFS from 'react-native-fs'
@@ -22,7 +22,8 @@ type Props = {
 
 export const OptionsSection = ({ title, encryptionAvailable }: Props) => {
   // Context
-  const application = useContext(ApplicationContext)
+  const application = useSafeApplicationContext()
+
   const [signedIn] = useSignedIn()
   const navigation = useNavigation<ModalStackNavigationProp<typeof SCREEN_SETTINGS>['navigation']>()
 
@@ -57,7 +58,7 @@ export const OptionsSection = ({ title, encryptionAvailable }: Props) => {
 
   const email = useMemo(() => {
     if (signedIn) {
-      const user = application?.getUser()
+      const user = application.getUser()
       return user?.email
     }
     return
@@ -76,25 +77,25 @@ export const OptionsSection = ({ title, encryptionAvailable }: Props) => {
 
   const destroyLocalData = async () => {
     if (
-      await application?.alertService?.confirm(
+      await application.alertService.confirm(
         'Signing out will remove all data from this device, including notes and tags. Make sure your data is synced before proceeding.',
         'Sign Out?',
         'Sign Out',
         ButtonType.Danger,
       )
     ) {
-      await application!.user.signOut()
+      await application.user.signOut()
     }
   }
 
   const exportData = useCallback(
     async (encrypted: boolean) => {
       setExporting(true)
-      const result = await application?.getBackupsService().export(encrypted)
+      const result = await application.getBackupsService().export(encrypted)
       if (result) {
         const exportDate = new Date()
         setLastExportDate(exportDate)
-        void application?.getLocalPreferences().setUserPrefValue(PrefKey.MobileLastExportDate, exportDate)
+        void application.getLocalPreferences().setUserPrefValue(PrefKey.MobileLastExportDate, exportDate)
       }
       setExporting(false)
     },
@@ -103,25 +104,25 @@ export const OptionsSection = ({ title, encryptionAvailable }: Props) => {
 
   const readImportFile = async (fileUri: string): Promise<any> => {
     return RNFS.readFile(fileUri)
-      .then(result => JSON.parse(result))
+      .then((result) => JSON.parse(result))
       .catch(() => {
-        void application!.alertService!.alert('Unable to open file. Ensure it is a proper JSON file and try again.')
+        void application.alertService.alert('Unable to open file. Ensure it is a proper JSON file and try again.')
       })
   }
 
   const performImport = async (data: any) => {
-    const result = await application!.mutator.importData(data)
+    const result = await application.mutator.importData(data)
     if (!result) {
       return
     } else if ('error' in result) {
-      void application!.alertService!.alert(result.error.text)
+      void application.alertService.alert(result.error.text)
     } else if (result.errorCount) {
-      void application!.alertService!.alert(
+      void application.alertService.alert(
         `Import complete. ${result.errorCount} items were not imported because ` +
           'there was an error decrypting them. Make sure the password is correct and try again.',
       )
     } else {
-      void application!.alertService!.alert('Your data has been successfully imported.')
+      void application.alertService.alert('Your data has been successfully imported.')
     }
   }
 
@@ -139,10 +140,10 @@ export const OptionsSection = ({ title, encryptionAvailable }: Props) => {
       setImporting(true)
       if (data.version || data.auth_params || data.keyParams) {
         const version = data.version || data.keyParams?.version || data.auth_params?.version
-        if (application!.protocolService.supportedVersions().includes(version)) {
+        if (application.protocolService.supportedVersions().includes(version)) {
           await performImport(data)
         } else {
-          void application!.alertService.alert(
+          void application.alertService.alert(
             'This backup file was created using an unsupported version of the application ' +
               'and cannot be imported here. Please update your application and try again.',
           )
@@ -159,7 +160,7 @@ export const OptionsSection = ({ title, encryptionAvailable }: Props) => {
     async (option: { key: string }) => {
       const encrypted = option.key === 'encrypted'
       if (encrypted && !encryptionAvailable) {
-        void application?.alertService!.alert(
+        void application.alertService.alert(
           'You must be signed in, or have a local passcode set, to generate an encrypted export file.',
           'Not Available',
           'OK',
@@ -176,12 +177,12 @@ export const OptionsSection = ({ title, encryptionAvailable }: Props) => {
   }, [navigation])
 
   const showDataBackupAlert = useCallback(() => {
-    void application?.alertService.alert(
+    void application.alertService.alert(
       'Because you are using the app offline without a sync account, it is your responsibility to keep your data safe and backed up. It is recommended you export a backup of your data at least once a week, or, to sign up for a sync account so that your data is backed up automatically.',
       'No Backups Created',
       'OK',
     )
-  }, [application?.alertService])
+  }, [application.alertService])
 
   return (
     <TableSection>
@@ -192,7 +193,7 @@ export const OptionsSection = ({ title, encryptionAvailable }: Props) => {
           <ButtonCell
             testID="manageSessionsButton"
             leftAligned={true}
-            first={true}
+            first={false}
             title={'Manage Sessions'}
             onPress={openManageSessions}
           />