adjusting modal statusBar name

Signed-off-by: Caroline Lucas Calheirani <[email protected]>
openwallet-foundation · Jan 11, 2024 · 83810b2 · 83810b2
1 parent 81aef99
commit 83810b2
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 10 deletions.
diff --git a/packages/legacy/core/App/components/modals/CameraDisclosureModal.tsx b/packages/legacy/core/App/components/modals/CameraDisclosureModal.tsx
@@ -20,7 +20,7 @@ interface CameraDisclosureModalProps {
 const CameraDisclosureModal: React.FC<CameraDisclosureModalProps> = ({ requestCameraUse }) => {
   const { t } = useTranslation()
   const navigation = useNavigation<StackNavigationProp<HomeStackParams>>()
-  const { modalStatusBarStyles } = useConfiguration()
+  const { modalStatusBarStyle } = useConfiguration()
   const [modalVisible, setModalVisible] = useState(true)
   const [showSettingsPopup, setShowSettingsPopup] = useState(false)
   const [requestInProgress, setRequestInProgress] = useState(false)
@@ -81,7 +81,7 @@ const CameraDisclosureModal: React.FC<CameraDisclosureModalProps> = ({ requestCa
         />
       )}
       <SafeAreaView style={{ backgroundColor: ColorPallet.brand.modalPrimaryBackground }}>
-        <StatusBar barStyle={modalStatusBarStyles} />
+        <StatusBar barStyle={modalStatusBarStyle} />
         <ScrollView style={[styles.container]}>
           <Text style={[TextTheme.modalHeadingOne]} testID={testIdWithKey('AllowCameraUse')}>
             {t('CameraDisclosure.AllowCameraUse')}

diff --git a/packages/legacy/core/App/contexts/configuration.tsx b/packages/legacy/core/App/contexts/configuration.tsx
@@ -55,7 +55,7 @@ export interface ConfigurationContext {
   whereToUseWalletUrl: string
   showScanHelp?: boolean
   showScanButton?: boolean
-  modalStatusBarStyles?: StatusBarStyle
+  modalStatusBarStyle: StatusBarStyle
 }
 
 export const ConfigurationContext = createContext<ConfigurationContext>(null as unknown as ConfigurationContext)

diff --git a/packages/legacy/core/App/defaultConfiguration.ts b/packages/legacy/core/App/defaultConfiguration.ts
@@ -58,5 +58,5 @@ export const defaultConfiguration: ConfigurationContext = {
   whereToUseWalletUrl: 'https://example.com',
   showScanHelp: true,
   showScanButton: true,
-  modalStatusBarStyles: StatusBarStyles.Light,
+  modalStatusBarStyle: StatusBarStyles.Light,
 }
diff --git a/packages/legacy/core/App/screens/Connection.tsx b/packages/legacy/core/App/screens/Connection.tsx
@@ -31,7 +31,7 @@ const Connection: React.FC<ConnectionProps> = ({ navigation, route }) => {
   // TODO(jl): When implementing goal codes the `autoRedirectConnectionToHome`
   // logic should be: if this property is set, rather than showing the
   // delay message, the user should be redirected to the home screen.
-  const { connectionTimerDelay, autoRedirectConnectionToHome, modalStatusBarStyles } = useConfiguration()
+  const { connectionTimerDelay, autoRedirectConnectionToHome, modalStatusBarStyle } = useConfiguration()
   const connTimerDelay = connectionTimerDelay ?? 10000 // in ms
   const { connectionId, threadId } = route.params
   const timerRef = useRef<NodeJS.Timeout | null>(null)
@@ -216,7 +216,7 @@ const Connection: React.FC<ConnectionProps> = ({ navigation, route }) => {
       }}
     >
       <SafeAreaView style={{ backgroundColor: ColorPallet.brand.modalPrimaryBackground }}>
-        <StatusBar barStyle={modalStatusBarStyles} />
+        <StatusBar barStyle={modalStatusBarStyle} />
         <ScrollView style={[styles.container]}>
           <View style={[styles.messageContainer]}>
             <Text

diff --git a/packages/legacy/core/App/screens/CredentialOfferAccept.tsx b/packages/legacy/core/App/screens/CredentialOfferAccept.tsx
@@ -34,7 +34,7 @@ const CredentialOfferAccept: React.FC<CredentialOfferAcceptProps> = ({ visible,
   const navigation = useNavigation()
   const { ListItems } = useTheme()
   const { CredentialAdded, CredentialPending } = useAnimatedComponents()
-  const { connectionTimerDelay, modalStatusBarStyles } = useConfiguration()
+  const { connectionTimerDelay, modalStatusBarStyle } = useConfiguration()
   const connTimerDelay = connectionTimerDelay ?? 10000 // in ms
   const styles = StyleSheet.create({
     container: {
@@ -107,7 +107,7 @@ const CredentialOfferAccept: React.FC<CredentialOfferAcceptProps> = ({ visible,
 
   return (
     <Modal visible={visible} transparent={true} animationType={'none'}>
-      <StatusBar barStyle={modalStatusBarStyles} />
+      <StatusBar barStyle={modalStatusBarStyle} />
       <SafeAreaView style={{ ...ListItems.credentialOfferBackground }}>
         <ScrollView style={[styles.container]}>
           <View style={[styles.messageContainer]}>

diff --git a/packages/legacy/core/App/screens/ProofRequestAccept.tsx b/packages/legacy/core/App/screens/ProofRequestAccept.tsx
@@ -20,7 +20,7 @@ export interface ProofRequestAcceptProps {
 
 const ProofRequestAccept: React.FC<ProofRequestAcceptProps> = ({ visible, proofId }) => {
   const { t } = useTranslation()
-  const { modalStatusBarStyles } = useConfiguration()
+  const { modalStatusBarStyle } = useConfiguration()
   const [proofDeliveryStatus, setProofDeliveryStatus] = useState<ProofState>(ProofState.RequestReceived)
   const proof = useProofById(proofId)
   const navigation = useNavigation()
@@ -75,7 +75,7 @@ const ProofRequestAccept: React.FC<ProofRequestAcceptProps> = ({ visible, proofI
   return (
     <Modal visible={visible} transparent={true} animationType={'none'}>
       <SafeAreaView style={{ backgroundColor: ColorPallet.brand.modalPrimaryBackground }}>
-        <StatusBar barStyle={modalStatusBarStyles} />
+        <StatusBar barStyle={modalStatusBarStyle} />
         <ScrollView style={[styles.container]}>
           <View style={[styles.messageContainer]}>
             {proofDeliveryStatus === ProofState.RequestReceived && (