More hotfixes to app passwords (#511)

* Fix app passwords modal on web

* Fix delete app password on web

src/view/com/modals/Modal.web.tsx

@@ -18,6 +18,7 @@ import * as AltTextImageModal from './AltImage'
 import * as ChangeHandleModal from './ChangeHandle'
 import * as WaitlistModal from './Waitlist'
 import * as InviteCodesModal from './InviteCodes'
+import * as AddAppPassword from './AddAppPasswords'
 import * as ContentFilteringSettingsModal from './ContentFilteringSettings'
 
 export const ModalsContainer = observer(function ModalsContainer() {
@@ -77,6 +78,8 @@ function Modal({modal}: {modal: ModalIface}) {
     element = <WaitlistModal.Component />
   } else if (modal.name === 'invite-codes') {
     element = <InviteCodesModal.Component />
+  } else if (modal.name === 'add-app-password') {
+    element = <AddAppPassword.Component />
   } else if (modal.name === 'content-filtering-settings') {
     element = <ContentFilteringSettingsModal.Component />
   } else if (modal.name === 'alt-text-image') {

src/view/screens/AppPasswords.tsx

@@ -159,6 +159,12 @@ function AppPassword({
   const store = useStores()
 
   const onDelete = React.useCallback(async () => {
+    if (isDesktopWeb) {
+      if (confirm('Delete app password?')) {
+        await store.me.deleteAppPassword(name)
+        Toast.show('App password deleted')
+      }
+    } else {
       Alert.alert(
         'Delete App Password',
         `Are you sure you want to delete the app password "${name}"?`,
@@ -177,6 +183,7 @@ function AppPassword({
           },
         ],
       )
+    }
   }, [store, name])
 
   return (