diff --git a/src/pages/home/sidebar/SidebarLinks.tsx b/src/pages/home/sidebar/SidebarLinks.tsx index e2df0ff6f33a..2e84f9805f6a 100644 --- a/src/pages/home/sidebar/SidebarLinks.tsx +++ b/src/pages/home/sidebar/SidebarLinks.tsx @@ -9,9 +9,9 @@ import useLocalize from '@hooks/useLocalize'; import useResponsiveLayout from '@hooks/useResponsiveLayout'; import useStyleUtils from '@hooks/useStyleUtils'; import useThemeStyles from '@hooks/useThemeStyles'; +import {confirmReadyToOpenApp, setSidebarLoaded} from '@libs/actions/App'; import Navigation from '@libs/Navigation/Navigation'; import * as ReportActionContextMenu from '@pages/home/report/ContextMenu/ReportActionContextMenu'; -import * as App from '@userActions/App'; import CONST from '@src/CONST'; import ROUTES from '@src/ROUTES'; import type {Report} from '@src/types/onyx'; @@ -44,7 +44,7 @@ function SidebarLinks({insets, optionListItems, isLoading, priorityMode = CONST. const {shouldUseNarrowLayout} = useResponsiveLayout(); useEffect(() => { - App.confirmReadyToOpenApp(); + confirmReadyToOpenApp(); }, []); useEffect(() => { @@ -91,10 +91,10 @@ function SidebarLinks({insets, optionListItems, isLoading, priorityMode = CONST. onSelectRow={showReportPage} shouldDisableFocusOptions={shouldUseNarrowLayout} optionMode={viewMode} - onFirstItemRendered={App.setSidebarLoaded} + onFirstItemRendered={setSidebarLoaded} /> {!!isLoading && optionListItems?.length === 0 && ( - + )} diff --git a/src/styles/index.ts b/src/styles/index.ts index 7eaeaeff459a..8d3422afcf3c 100644 --- a/src/styles/index.ts +++ b/src/styles/index.ts @@ -3718,6 +3718,7 @@ const styles = (theme: ThemeColors) => position: 'absolute', zIndex: variables.searchTopBarZIndex, backgroundColor: theme.appBG, + paddingTop: 12, }, threeDotsPopoverOffset: (windowWidth: number) =>