Fix: Navigate to last chat after closing the app

src/ONYXKEYS.ts

@@ -231,6 +231,8 @@ const ONYXKEYS = {
     // Max width supported for HTML <canvas> element
     MAX_CANVAS_WIDTH: 'maxCanvasWidth',
 
+    LAST_ON_REPORT_SCREEN: 'lastOnReportScreen',
+
     /** Collection Keys */
     COLLECTION: {
         DOWNLOAD: 'download_',

src/libs/actions/Report.js

@@ -2402,6 +2402,13 @@ function searchInServer(searchInput) {
     debouncedSearchInServer(searchInput);
 }
 
+/**
+ * @param {boolean} isLastOnReportScreen
+ */
+function lastOnReportScreen(isLastOnReportScreen) {
+    Onyx.merge(ONYXKEYS.LAST_ON_REPORT_SCREEN, isLastOnReportScreen);
+}
+
 export {
     searchInServer,
     addComment,
@@ -2462,4 +2469,5 @@ export {
     openRoomMembersPage,
     savePrivateNotesDraft,
     getDraftPrivateNote,
+    lastOnReportScreen,
 };

src/pages/home/ReportScreen.js

@@ -1,6 +1,6 @@
 import React, {useRef, useState, useEffect, useMemo, useCallback} from 'react';
 import {withOnyx} from 'react-native-onyx';
-import {useFocusEffect} from '@react-navigation/native';
+import {useFocusEffect, useIsFocused} from '@react-navigation/native';
 import PropTypes from 'prop-types';
 import {View} from 'react-native';
 import lodashGet from 'lodash/get';
@@ -178,6 +178,7 @@ function ReportScreen({
 
     const isTopMostReportId = currentReportID === getReportID(route);
     const didSubscribeToReportLeavingEvents = useRef(false);
+    const isFocused = useIsFocused();
 
     let headerView = (
         <HeaderView
@@ -358,6 +359,10 @@ function ReportScreen({
         }
     }, [report, didSubscribeToReportLeavingEvents, reportID]);
 
+    useEffect(() => {
+        Report.lastOnReportScreen(isFocused);
+    }, [isFocused]);
+
     const onListLayout = useCallback((e) => {
         setListHeight((prev) => lodashGet(e, 'nativeEvent.layout.height', prev));
         if (!markReadyForHydration) {

src/pages/home/sidebar/SidebarLinks.js

@@ -3,6 +3,7 @@ import React, {useEffect, useRef, useCallback} from 'react';
 import {View, InteractionManager} from 'react-native';
 import _ from 'underscore';
 import PropTypes from 'prop-types';
+import {withOnyx} from 'react-native-onyx';
 import styles from '../../../styles/styles';
 import * as StyleUtils from '../../../styles/StyleUtils';
 import ONYXKEYS from '../../../ONYXKEYS';
@@ -45,7 +46,7 @@ const propTypes = {
     isActiveReport: PropTypes.func.isRequired,
 };
 
-function SidebarLinks({onLinkClick, insets, optionListItems, isLoading, priorityMode = CONST.PRIORITY_MODE.DEFAULT, isActiveReport, isCreateMenuOpen}) {
+function SidebarLinks({onLinkClick, insets, optionListItems, isLoading, priorityMode = CONST.PRIORITY_MODE.DEFAULT, isActiveReport, isCreateMenuOpen, lastOnReportScreen}) {
     const modal = useRef({});
     const {translate, updateLocale} = useLocalize();
     const {isSmallScreenWidth} = useWindowDimensions();
@@ -54,7 +55,12 @@ function SidebarLinks({onLinkClick, insets, optionListItems, isLoading, priority
         if (!isSmallScreenWidth) {
             return;
         }
+        if (lastOnReportScreen) {
+            Navigation.navigate(ROUTES.REPORT);
+            return;
+        }
         App.confirmReadyToOpenApp();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [isSmallScreenWidth]);
 
     useEffect(() => {
@@ -179,5 +185,9 @@ function SidebarLinks({onLinkClick, insets, optionListItems, isLoading, priority
 SidebarLinks.propTypes = propTypes;
 SidebarLinks.displayName = 'SidebarLinks';
 
-export default SidebarLinks;
+export default withOnyx({
+    lastOnReportScreen: {
+        key: ONYXKEYS.LAST_ON_REPORT_SCREEN,
+    },
+})(SidebarLinks);
 export {basePropTypes};