diff --git a/native/account/logged-out-modal.react.js b/native/account/logged-out-modal.react.js --- a/native/account/logged-out-modal.react.js +++ b/native/account/logged-out-modal.react.js @@ -2,6 +2,7 @@ import _isEqual from 'lodash/fp/isEqual'; import * as React from 'react'; +import { useContext } from 'react'; import { View, StyleSheet, @@ -41,12 +42,14 @@ derivedDimensionsInfoSelector, } from '../selectors/dimensions-selectors'; import { splashStyleSelector } from '../splash'; +import { StaffContext } from '../staff/staff-context'; import type { EventSubscription, KeyboardEvent } from '../types/react-native'; import type { ImageStyle } from '../types/styles'; import { runTiming, ratchetAlongWithKeyboardHeight, } from '../utils/animation-utils'; +import { useStaffCanSee } from '../utils/staff-utils'; import { type StateContainer, type StateChange, @@ -114,6 +117,8 @@ +splashStyle: ImageStyle, // Redux dispatch functions +dispatch: Dispatch, + +staffUserHasBeenLoggedIn: boolean, + +staffCanSee: boolean, ... }; type State = { @@ -463,6 +468,19 @@ ); } + let staffUserHasBeenLoggedInIndicator = null; + if (this.props.staffCanSee && this.props.staffUserHasBeenLoggedIn) { + staffUserHasBeenLoggedInIndicator = ( + + STAFF HAS BEEN LOGGED IN + + ); + } + if (this.state.mode === 'siwe') { panel = ( + {staffUserHasBeenLoggedInIndicator} {siweButton} ); });