Move /platform/detection vars into /env (#9707)

* Add platform vars to env

* Replace /platform/detection with /env

src/screens/Settings/components/AddAppPasswordDialog.tsx

@@ -13,7 +13,6 @@ import {msg, Trans} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 import {useMutation} from '@tanstack/react-query'
 
-import {isWeb} from '#/platform/detection'
 import {useAppPasswordCreateMutation} from '#/state/queries/app-passwords'
 import {atoms as a, native, useTheme} from '#/alf'
 import {Admonition} from '#/components/Admonition'
@@ -24,6 +23,7 @@ import * as Toggle from '#/components/forms/Toggle'
 import {ChevronRight_Stroke2_Corner0_Rounded as ChevronRight} from '#/components/icons/Chevron'
 import {SquareBehindSquare4_Stroke2_Corner0_Rounded as CopyIcon} from '#/components/icons/SquareBehindSquare4'
 import {Text} from '#/components/Typography'
+import {IS_WEB} from '#/env'
 import {CopyButton} from './CopyButton'
 
 export function AddAppPasswordDialog({
@@ -181,7 +181,7 @@ function CreateDialogInner({passwords}: {passwords: string[]}) {
           ) : (
             <Animated.View
               style={[a.gap_lg]}
-              entering={isWeb ? FadeIn.delay(200) : SlideInRight}
+              entering={IS_WEB ? FadeIn.delay(200) : SlideInRight}
               key={1}>
               <Text style={[a.text_2xl, a.font_semi_bold]}>
                 <Trans>Here is your app password!</Trans>

src/screens/Settings/components/ChangePasswordDialog.tsx

@@ -7,7 +7,6 @@ import * as EmailValidator from 'email-validator'
 import {cleanError, isNetworkError} from '#/lib/strings/errors'
 import {checkAndFormatResetCode} from '#/lib/strings/password'
 import {logger} from '#/logger'
-import {isNative} from '#/platform/detection'
 import {useAgent, useSession} from '#/state/session'
 import {ErrorMessage} from '#/view/com/util/error/ErrorMessage'
 import {android, atoms as a, web} from '#/alf'
@@ -16,6 +15,7 @@ import * as Dialog from '#/components/Dialog'
 import * as TextField from '#/components/forms/TextField'
 import {Loader} from '#/components/Loader'
 import {Text} from '#/components/Typography'
+import {IS_NATIVE} from '#/env'
 
 enum Stages {
   RequestCode = 'RequestCode',
@@ -242,7 +242,7 @@ function Inner() {
                   <Trans>Already have a code?</Trans>
                 </ButtonText>
               </Button>
-              {isNative && (
+              {IS_NATIVE && (
                 <Button
                   label={_(msg`Cancel`)}
                   color="secondary"

src/screens/Settings/components/DisableEmail2FADialog.tsx

@@ -4,7 +4,6 @@ import {msg, Trans} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 
 import {cleanError} from '#/lib/strings/errors'
-import {isNative} from '#/platform/detection'
 import {useAgent, useSession} from '#/state/session'
 import {ErrorMessage} from '#/view/com/util/error/ErrorMessage'
 import * as Toast from '#/view/com/util/Toast'
@@ -15,6 +14,7 @@ import * as TextField from '#/components/forms/TextField'
 import {Lock_Stroke2_Corner0_Rounded as Lock} from '#/components/icons/Lock'
 import {Loader} from '#/components/Loader'
 import {P, Text} from '#/components/Typography'
+import {IS_NATIVE} from '#/env'
 
 enum Stages {
   Email,
@@ -193,7 +193,7 @@ export function DisableEmail2FADialog({
             </View>
           ) : undefined}
 
-          {!gtMobile && isNative && <View style={{height: 40}} />}
+          {!gtMobile && IS_NATIVE && <View style={{height: 40}} />}
         </View>
       </Dialog.ScrollableInner>
     </Dialog.Outer>