fix list top padding on ios

apps/mobile/src/components/SimpleList/index.js

@@ -1,7 +1,5 @@
 import React, {useCallback, useEffect, useMemo, useState} from 'react';
-import {StyleSheet, useWindowDimensions} from 'react-native';
+import {Platform, RefreshControl, StyleSheet, Text, useWindowDimensions, View} from 'react-native';
-import {Dimensions, Platform, RefreshControl, Text, View} from 'react-native';
-import Orientation from 'react-native-orientation';
 import {initialWindowMetrics} from 'react-native-safe-area-context';
 import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
 import {DataProvider, LayoutProvider, RecyclerListView} from 'recyclerlistview';
@@ -9,11 +7,7 @@ import {COLORS_NOTE, SIZE, WEIGHT} from '../../common/common';
 import {useTracked} from '../../provider';
 import {ACTIONS} from '../../provider/actions';
 import {eSendEvent} from '../../services/eventManager';
-import {
+import {eClearSearch, eOpenLoginDialog, eScrollEvent,} from '../../services/events';
-  eClearSearch,
-  eOpenLoginDialog,
-  eScrollEvent,
-} from '../../services/events';
 import {db, ToastEvent} from '../../utils/utils';
 import {PressableButton} from '../PressableButton';
 
@@ -40,12 +34,11 @@ const SimpleList = ({
             return r1 !== r2;
         }).cloneWithRows([]),
     );
-  const {width, height, fontScale,scale} = useWindowDimensions();
+    const {width, fontScale} = useWindowDimensions();
 
     const listData = data;
     const dataType = type;
     const _onScroll = (event) => {
-
         if (!event) return;
         let y = event.nativeEvent.contentOffset.y;
         eSendEvent(eScrollEvent, y);
@@ -168,7 +161,9 @@ const SimpleList = ({
                 case 'MAIN_HEADER':
                     dim.width = width;
                     dim.height =
-            (user && user.Id) || !listData[0] || selectionMode ? 0 : 40 * fontScale;
+                        (user && user.Id) || !listData[0] || selectionMode
+                            ? 0
+                            : 40 * fontScale;
                     break;
                 default:
                     dim.width = width;
@@ -187,6 +182,7 @@ const SimpleList = ({
                 return <RenderSectionHeader item={data}/>;
 
             default:
+                s
                 return null;
         }
     };
@@ -197,10 +193,10 @@ const SimpleList = ({
             backgroundColor: colors.bg,
             width: '100%',
             paddingTop:
-        Platform.OS == 'ios'
+                Platform.OS === 'ios'
                     ? listData[0] && !selectionMode
-            ? 115
+                    ? 130
-            : 115 - 60
+                    : 130 - 60
                     : listData[0] && !selectionMode
                     ? 155 - initialWindowMetrics.insets.top
                     : 155 - initialWindowMetrics.insets.top - 60,
@@ -239,7 +235,7 @@ const SimpleList = ({
 export default SimpleList;
 
 const SearchHeader = () => {
-  const [state, dispatch] = useTracked();
+    const [state,] = useTracked();
     const {colors} = state;
     const searchResults = {...state.searchResults};
 
@@ -269,7 +265,7 @@ const SearchHeader = () => {
 };
 
 const LoginCard = ({type, data}) => {
-  const [state, dispatch] = useTracked();
+    const [state,] = useTracked();
     const {colors, selectionMode, user, currentScreen} = state;
 
     return (
@@ -339,7 +335,7 @@ const LoginCard = ({type, data}) => {
 };
 
 const ListHeaderComponent = ({type, data}) => {
-  const [state, dispatch] = useTracked();
+    const [state, ] = useTracked();
     const searchResults = {...state.searchResults};
 
     return searchResults.type === type && searchResults.results.length > 0 ? (