diff --git a/src/components/SidePanel/SidePanelButton/index.native.tsx b/src/components/SidePanel/SidePanelButton/index.native.tsx
index ac1a9619954e..74f193b3cdd7 100644
--- a/src/components/SidePanel/SidePanelButton/index.native.tsx
+++ b/src/components/SidePanel/SidePanelButton/index.native.tsx
@@ -1,6 +1,50 @@
-// Side Panel is disabled on native platforms
-function SidePanelButton() {
- return null;
+import {hasSeenTourSelector} from '@selectors/Onboarding';
+import React from 'react';
+import Icon from '@components/Icon';
+import {PressableWithoutFeedback} from '@components/Pressable';
+import Tooltip from '@components/Tooltip';
+import useCurrentUserPersonalDetails from '@hooks/useCurrentUserPersonalDetails';
+import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
+import useLocalize from '@hooks/useLocalize';
+import useOnyx from '@hooks/useOnyx';
+import useSidePanelState from '@hooks/useSidePanelState';
+import useThemeStyles from '@hooks/useThemeStyles';
+import {navigateToConciergeChat} from '@userActions/Report';
+import CONST from '@src/CONST';
+import ONYXKEYS from '@src/ONYXKEYS';
+import type SidePanelButtonProps from './types';
+
+function SidePanelButton({style}: SidePanelButtonProps) {
+ const styles = useThemeStyles();
+ const {translate} = useLocalize();
+ const {shouldHideHelpButton} = useSidePanelState();
+ const {accountID: currentUserAccountID = CONST.DEFAULT_NUMBER_ID} = useCurrentUserPersonalDetails();
+ const {ConciergeAvatar} = useMemoizedLazyExpensifyIcons(['ConciergeAvatar']);
+ const [conciergeReportID] = useOnyx(ONYXKEYS.CONCIERGE_REPORT_ID);
+ const [introSelected] = useOnyx(ONYXKEYS.NVP_INTRO_SELECTED);
+ const [isSelfTourViewed] = useOnyx(ONYXKEYS.NVP_ONBOARDING, {selector: hasSeenTourSelector});
+ const [betas] = useOnyx(ONYXKEYS.BETAS);
+
+ if (shouldHideHelpButton) {
+ return null;
+ }
+
+ return (
+
+ navigateToConciergeChat(conciergeReportID, introSelected, currentUserAccountID, isSelfTourViewed, betas)}
+ >
+
+
+
+ );
}
export default SidePanelButton;
diff --git a/src/pages/inbox/HeaderView.tsx b/src/pages/inbox/HeaderView.tsx
index 5e4a78b4a8a4..055f827fc6c1 100644
--- a/src/pages/inbox/HeaderView.tsx
+++ b/src/pages/inbox/HeaderView.tsx
@@ -126,6 +126,7 @@ function HeaderView({onNavigationMenuButtonClicked, reportID}: HeaderViewProps)
const styles = useThemeStyles();
const isSelfDM = isSelfDMReportUtils(report);
const isGroupChat = isGroupChatReportUtils(report) || isDeprecatedGroupDM(report, isReportArchived);
+ const isConciergeChat = isConciergeChatReport(report, conciergeReportID);
const [introSelected] = useOnyx(ONYXKEYS.NVP_INTRO_SELECTED);
const [onboarding] = useOnyx(ONYXKEYS.NVP_ONBOARDING);
const allParticipants = getParticipantsAccountIDsForDisplay(report, false, true, undefined, reportMetadata);
@@ -416,7 +417,7 @@ function HeaderView({onNavigationMenuButtonClicked, reportID}: HeaderViewProps)
)}
{shouldDisplaySearchRouter && }
- {!isInSidePanel && }
+ {!isInSidePanel && !isConciergeChat && }
)}
diff --git a/src/pages/settings/InitialSettingsPage.tsx b/src/pages/settings/InitialSettingsPage.tsx
index 4cc3ebef27d1..024582af43c2 100755
--- a/src/pages/settings/InitialSettingsPage.tsx
+++ b/src/pages/settings/InitialSettingsPage.tsx
@@ -565,13 +565,11 @@ function InitialSettingsPage({currentUserPersonalDetails}: InitialSettingsPagePr
bottomContent={tabBarContent}
bottomContentStyle={styles.overflowVisible}
>
- {shouldUseNarrowLayout && (
-
- )}
+