Remove login background image support

src/components/scenes/LoginScene.tsx

@@ -14,22 +14,18 @@ import { cacheStyles, Theme, useTheme } from '../../components/services/ThemeCon
 import { ENV } from '../../env'
 import { ExperimentConfig, getExperimentConfig } from '../../experimentConfig'
 import { useAsyncEffect } from '../../hooks/useAsyncEffect'
-import { useAsyncValue } from '../../hooks/useAsyncValue'
 import { useHandler } from '../../hooks/useHandler'
 import { useWatch } from '../../hooks/useWatch'
 import { lstrings } from '../../locales/strings'
 import { config } from '../../theme/appConfig'
 import { useDispatch, useSelector } from '../../types/reactRedux'
 import { EdgeSceneProps } from '../../types/routerTypes'
-import { ImageProp } from '../../types/Theme'
 import { GuiTouchIdInfo } from '../../types/types'
 import { logEvent, trackError } from '../../util/tracking'
-import { pickRandom } from '../../util/utils'
 import { withServices } from '../hoc/withServices'
 import { showHelpModal } from '../modals/HelpModal'
 import { UpdateModal } from '../modals/UpdateModal'
 import { Airship, showError } from '../services/AirshipInstance'
-import { getBackgroundImage } from './../../util/ThemeCache'
 import { LoadingScene } from './LoadingScene'
 
 // Sneak the BlurView over to the login UI:
@@ -75,11 +71,6 @@ export function LoginSceneComponent(props: Props) {
   // Effects
   // ---------------------------------------------------------------------
 
-  const [backgroundImage = theme.backgroundImage] = useAsyncValue<ImageProp | undefined>(async () => {
-    const url = pickRandom(theme.backgroundImageServerUrls)
-    return await getBackgroundImage(disklet, url, theme.backgroundImage)
-  }, [disklet, theme])
-
   React.useEffect(() => {
     const { YOLO_USERNAME, YOLO_PASSWORD, YOLO_PIN } = ENV
     if (YOLO_USERNAME != null && (Boolean(YOLO_PASSWORD) || Boolean(YOLO_PIN)) && firstRun) {
@@ -198,7 +189,6 @@ export function LoginSceneComponent(props: Props) {
         appConfig={config}
         appId={config.appId}
         appName={config.appNameShort}
-        backgroundImage={backgroundImage}
         context={context}
         fontDescription={fontDescription}
         initialLoginId={nextLoginId ?? undefined}
@@ -231,8 +221,7 @@ const dummyTouchIdInfo: GuiTouchIdInfo = {
 const getStyles = cacheStyles((theme: Theme) => ({
   container: {
     flex: 1,
-    paddingTop: StatusBar.currentHeight,
-    backgroundColor: theme.backgroundGradientColors[0]
+    paddingTop: StatusBar.currentHeight
   }
 }))
 

src/theme/variables/edgeDark.ts

@@ -125,8 +125,6 @@ export const edgeDark: Theme = {
   backgroundGradientColors: [palette.darkestNavy, palette.darkAqua],
   backgroundGradientStart: { x: 0, y: 0 },
   backgroundGradientEnd: { x: 1, y: 0 },
-  backgroundImageServerUrls: ['https://content.edge.app'],
-  backgroundImage: undefined,
 
   // Camera Overlay
   cameraOverlayColor: palette.black,

src/theme/variables/edgeLight.ts

@@ -119,8 +119,6 @@ export const edgeLight: Theme = {
   backgroundGradientColors: [palette.lightestGray, palette.lightestGray],
   backgroundGradientStart: { x: 0, y: 0 },
   backgroundGradientEnd: { x: 0, y: 1 },
-  backgroundImageServerUrls: ['https://content.edge.app'],
-  backgroundImage: undefined,
 
   // Camera Overlay
   cameraOverlayColor: palette.gray,

src/theme/variables/testDark.ts

@@ -1,6 +1,5 @@
 import { Dimensions, Platform } from 'react-native'
 
-import backgroundImage from '../../assets/images/backgrounds/login_bg.jpg'
 import fioAddressLogo from '../../assets/images/details_fioAddress.png'
 import guiPluginLogoMoonpay from '../../assets/images/guiPlugins/guiPluginLogoMoonpayDark.png'
 import paymentTypeLogoApplePay from '../../assets/images/paymentTypes/paymentTypeLogoApplePay.png'
@@ -126,8 +125,6 @@ export const testDark: Theme = {
   backgroundGradientColors: [palette.deepPurple, palette.darkPurple2],
   backgroundGradientStart: { x: 0, y: 0 },
   backgroundGradientEnd: { x: 0, y: 1 },
-  backgroundImageServerUrls: ['https://content-test.edge.app'],
-  backgroundImage,
 
   // Camera Overlay
   cameraOverlayColor: palette.black,

src/theme/variables/testLight.ts

@@ -91,8 +91,6 @@ export const testLight: Theme = {
   backgroundGradientColors: [palette.lightestGray, palette.lightestGray],
   backgroundGradientStart: { x: 0, y: 0 },
   backgroundGradientEnd: { x: 0, y: 1 },
-  backgroundImageServerUrls: [],
-  backgroundImage: undefined,
 
   // Camera Overlay
   cameraOverlayColor: palette.gray,

src/types/Theme.ts

@@ -101,9 +101,6 @@ export interface Theme {
   backgroundGradientStart: { x: number; y: number }
   backgroundGradientEnd: { x: number; y: number }
 
-  backgroundImageServerUrls: string[]
-  backgroundImage?: ImageProp
-
   // Camera Overlay
   cameraOverlayColor: string
   cameraOverlayOpStart: number

src/util/utils.ts

@@ -519,11 +519,6 @@ export const shuffleArray = <T>(array: T[]): T[] => {
   return array
 }
 
-export const pickRandom = <T>(array?: T[]): T | null => {
-  if (array == null || array.length === 0) return null
-  return array[Math.floor(Math.random() * array.length)]
-}
-
 /**
  * Waits for a collection of promises.
  * Returns all the promises that manage to resolve within the timeout.