chore: fixed issues with status notice (#91)

- Fixed empty team tab issue;
- Fixed UI issues when the status notice is rendered

src/hooks/useSafeAreaFrame.ts

@@ -1,5 +1,6 @@
 // SPDX-License-Identifier: ice License 1.0
 
+import {useNavigation} from '@react-navigation/native';
 import {statusNoticeHeightSelector} from '@store/modules/StatusNotice/selectors';
 // eslint-disable-next-line no-restricted-imports
 import {useSafeAreaFrame as useSafeAreaFrameOriginal} from 'react-native-safe-area-context';
@@ -8,8 +9,12 @@ import {useSelector} from 'react-redux';
 export function useSafeAreaFrame(enforce?: boolean) {
   const statusNoticeHeight = useSelector(statusNoticeHeightSelector);
   const frame = useSafeAreaFrameOriginal();
+  const navigation = useNavigation();
+  const isRootLevelScreen = !navigation.getParent();
+
+  const noticeHeight = isRootLevelScreen ? 0 : statusNoticeHeight;
   return {
     ...frame,
-    height: enforce ? frame.height : frame.height - statusNoticeHeight,
+    height: enforce ? frame.height : frame.height - noticeHeight,
   };
 }

src/navigation/hooks/useFocusStatusBar.ts

@@ -1,6 +1,6 @@
 // SPDX-License-Identifier: ice License 1.0
 
-import {useFocusEffect} from '@react-navigation/native';
+import {useFocusEffect, useNavigation} from '@react-navigation/native';
 import {statusNoticeHeightSelector} from '@store/modules/StatusNotice/selectors';
 import {useCallback} from 'react';
 import {Keyboard, StatusBar, StatusBarStyle} from 'react-native';
@@ -13,7 +13,10 @@ type Props = {
 };
 
 export const useFocusStatusBar = ({style, animated}: Props) => {
-  const isStatusNoticeRendered = useSelector(statusNoticeHeightSelector);
+  const statusNoticeHeight = useSelector(statusNoticeHeightSelector);
+  const navigation = useNavigation();
+  const isRootLevelScreen = !navigation.getParent();
+  const isStatusNoticeRendered = !!statusNoticeHeight && !isRootLevelScreen;
   useFocusEffect(
     useCallback(() => {
       StatusBar.setBarStyle(

src/screens/Team/components/DynamicHeight/index.tsx

@@ -79,7 +79,6 @@ export const DynamicHeight = ({
       enableOverDrag={true}
       animatedIndex={animatedIndex}
       overDragResistanceFactor={10}
-      containerHeight={frame.height}
       backgroundStyle={commonStyles.baseSubScreen}
       /**
        * This is required to let child PagerView handle horizontal swipes