From daf49de9488f18279f58a6938dbd18a40343a718 Mon Sep 17 00:00:00 2001
From: Kristian Martinoski <martinoskikristian@gmail.com>
Date: Tue, 26 Nov 2024 15:58:36 +0100
Subject: [PATCH] fix: do not show callTopControls on PiP mode for android

---
 .../react-native/dogfood/src/components/ActiveCall.tsx        | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/sample-apps/react-native/dogfood/src/components/ActiveCall.tsx b/sample-apps/react-native/dogfood/src/components/ActiveCall.tsx
index b7d5847fc5..5d704b1fb2 100644
--- a/sample-apps/react-native/dogfood/src/components/ActiveCall.tsx
+++ b/sample-apps/react-native/dogfood/src/components/ActiveCall.tsx
@@ -3,6 +3,7 @@ import {
   useCall,
   CallContent,
   useTheme,
+  useIsInPiPMode,
 } from '@stream-io/video-react-native-sdk';
 import { ActivityIndicator, StatusBar, StyleSheet, View } from 'react-native';
 import { ParticipantsInfoList } from './ParticipantsInfoList';
@@ -34,6 +35,7 @@ export const ActiveCall = ({
   const styles = useStyles();
   const { selectedLayout } = useLayout();
   const themeMode = useAppGlobalStoreValue((store) => store.themeMode);
+  const isInPiPMode = useIsInPiPMode(false);
 
   const onOpenCallParticipantsInfo = useCallback(() => {
     setIsCallParticipantsVisible(true);
@@ -87,7 +89,7 @@ export const ActiveCall = ({
       <StatusBar
         barStyle={themeMode === 'light' ? 'dark-content' : 'light-content'}
       />
-      <CustomTopControls />
+      {!isInPiPMode && <CustomTopControls />}
       <CallContent
         onHangupCallHandler={onHangupCallHandler}
         CallControls={CustomBottomControls}