fix(react-native): call content participants layout (#999)

GetStream · Aug 25, 2023 · c08be02 · c08be02
1 parent 46b2515
commit c08be02
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 16 deletions.
diff --git a/packages/react-native-sdk/src/components/Call/CallContent/CallContent.tsx b/packages/react-native-sdk/src/components/Call/CallContent/CallContent.tsx
@@ -134,23 +134,26 @@ export const CallContent = ({
 
   return (
     <View style={[styles.container, callContent.container]}>
-      <View style={[styles.view, callContent.topContainer]}>
-        {CallTopView && (
-          <CallTopView
-            onBackPressed={onBackPressed}
-            onParticipantInfoPress={onParticipantInfoPress}
-            ParticipantsInfoBadge={ParticipantsInfoBadge}
-          />
-        )}
-        {showFloatingView && FloatingParticipantView && (
-          <FloatingParticipantView {...participantViewProps} />
+      <View style={[styles.container, callContent.callParticipantsContainer]}>
+        <View style={[styles.view, callContent.topContainer]}>
+          {CallTopView && (
+            <CallTopView
+              onBackPressed={onBackPressed}
+              onParticipantInfoPress={onParticipantInfoPress}
+              ParticipantsInfoBadge={ParticipantsInfoBadge}
+            />
+          )}
+          {showFloatingView && FloatingParticipantView && (
+            <FloatingParticipantView {...participantViewProps} />
+          )}
+        </View>
+        {showSpotlightLayout ? (
+          <CallParticipantsSpotlight {...callParticipantsSpotlightProps} />
+        ) : (
+          <CallParticipantsGrid {...callParticipantsGridProps} />
         )}
       </View>
-      {showSpotlightLayout ? (
-        <CallParticipantsSpotlight {...callParticipantsSpotlightProps} />
-      ) : (
-        <CallParticipantsGrid {...callParticipantsGridProps} />
-      )}
+
       {CallControls && (
         <CallControls onHangupCallHandler={onHangupCallHandler} />
       )}

diff --git a/packages/react-native-sdk/src/theme/theme.ts b/packages/react-native-sdk/src/theme/theme.ts
@@ -35,7 +35,7 @@ export type Theme = {
   };
   callContent: {
     container: ViewStyle;
-
+    callParticipantsContainer: ViewStyle;
     topContainer: ViewStyle;
   };
   callControls: {
@@ -261,6 +261,7 @@ export const defaultTheme: Theme = {
   },
   callContent: {
     container: {},
+    callParticipantsContainer: {},
     topContainer: {},
   },
   callControls: {