fix: theme support for new styles

GetStream · Oct 3, 2023 · b13290f · b13290f
1 parent 1b01f6a
commit b13290f
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 4 deletions.
diff --git a/packages/react-native-sdk/src/components/Call/RingingCallContent/IncomingCall.tsx b/packages/react-native-sdk/src/components/Call/RingingCallContent/IncomingCall.tsx
@@ -49,7 +49,7 @@ export const IncomingCall = ({
     <Background>
       {CallTopView && <CallTopView />}
       <View style={[styles.content, incomingCall.content]}>
-        <View style={styles.topContainer}>
+        <View style={[styles.topContainer, incomingCall.topContainer]}>
           <UserInfo />
           <Text
             style={[
@@ -62,7 +62,7 @@ export const IncomingCall = ({
             {t('Incoming Call...')}
           </Text>
         </View>
-        <View style={styles.bottomContainer}>
+        <View style={[styles.bottomContainer, incomingCall.bottomContainer]}>
           <View
             style={[
               styles.incomingCallControls,

diff --git a/packages/react-native-sdk/src/components/Call/RingingCallContent/OutgoingCall.tsx b/packages/react-native-sdk/src/components/Call/RingingCallContent/OutgoingCall.tsx
@@ -57,7 +57,7 @@ export const OutgoingCall = ({
       >
         {CallTopView && <CallTopView />}
         <View style={[styles.content, outgoingCall.content]}>
-          <View style={styles.topContainer}>
+          <View style={[styles.topContainer, outgoingCall.topContainer]}>
             <UserInfo />
             <Text
               style={[
@@ -70,7 +70,7 @@ export const OutgoingCall = ({
               {t('Calling...')}
             </Text>
           </View>
-          <View style={styles.bottomContainer}>
+          <View style={[styles.bottomContainer, outgoingCall.bottomContainer]}>
             <View
               style={[
                 styles.outgoingCallControls,

diff --git a/packages/react-native-sdk/src/theme/theme.ts b/packages/react-native-sdk/src/theme/theme.ts
@@ -101,9 +101,11 @@ export type Theme = {
   };
   lobby: {
     container: ViewStyle;
+    topContainer: ViewStyle;
     heading: TextStyle;
     subHeading: TextStyle;
     videoContainer: ViewStyle;
+    bottomContainer: ViewStyle;
     infoContainer: ViewStyle;
     infoText: TextStyle;
     participantStatusContainer: ViewStyle;
@@ -148,8 +150,10 @@ export type Theme = {
   incomingCall: {
     background: ViewStyle;
     content: ViewStyle;
+    topContainer: ViewStyle;
     incomingCallText: TextStyle;
     incomingCallControls: ViewStyle;
+    bottomContainer: ViewStyle;
     buttonGroup: ViewStyle;
   };
   joiningCallIndicator: {
@@ -159,8 +163,10 @@ export type Theme = {
     container: ViewStyle;
     background: ViewStyle;
     content: ViewStyle;
+    topContainer: ViewStyle;
     callingText: TextStyle;
     outgoingCallControls: ViewStyle;
+    bottomContainer: ViewStyle;
     buttonGroup: ViewStyle;
     deviceControlButtons: ViewStyle;
   };
@@ -318,8 +324,10 @@ export const defaultTheme: Theme = {
   },
   lobby: {
     container: {},
+    topContainer: {},
     heading: {},
     subHeading: {},
+    bottomContainer: {},
     videoContainer: {},
     infoContainer: {},
     infoText: {},
@@ -373,16 +381,20 @@ export const defaultTheme: Theme = {
   incomingCall: {
     background: {},
     content: {},
+    topContainer: {},
     incomingCallText: {},
     incomingCallControls: {},
+    bottomContainer: {},
     buttonGroup: {},
   },
   outgoingCall: {
     container: {},
     background: {},
     content: {},
+    topContainer: {},
     callingText: {},
     outgoingCallControls: {},
+    bottomContainer: {},
     buttonGroup: {},
     deviceControlButtons: {},
   },