diff --git a/src/pages/ShareCodePage.tsx b/src/pages/ShareCodePage.tsx index e4e2a90c4157..a2db98017dc3 100644 --- a/src/pages/ShareCodePage.tsx +++ b/src/pages/ShareCodePage.tsx @@ -1,4 +1,4 @@ -import React, {useRef} from 'react'; +import React, {useMemo, useRef} from 'react'; import {ScrollView, View} from 'react-native'; import type {ImageSourcePropType} from 'react-native'; import type {OnyxEntry} from 'react-native-onyx'; @@ -25,19 +25,16 @@ import * as Url from '@libs/Url'; import * as UserUtils from '@libs/UserUtils'; import CONST from '@src/CONST'; import ROUTES from '@src/ROUTES'; -import type {Report, Session} from '@src/types/onyx'; +import type {Report} from '@src/types/onyx'; type ShareCodePageOnyxProps = { - /** Session info for the currently logged in user. */ - session?: OnyxEntry; - /** The report currently being looked at */ report?: OnyxEntry; }; type ShareCodePageProps = ShareCodePageOnyxProps; -function ShareCodePage({report, session}: ShareCodePageProps) { +function ShareCodePage({report}: ShareCodePageProps) { const themeStyles = useThemeStyles(); const {translate} = useLocalize(); const {environmentURL} = useEnvironment(); @@ -47,7 +44,7 @@ function ShareCodePage({report, session}: ShareCodePageProps) { const isReport = !!report?.reportID; - const getSubtitle = () => { + const subtitle = useMemo(() => { if (isReport) { if (ReportUtils.isExpenseReport(report)) { return ReportUtils.getPolicyName(report); @@ -62,13 +59,14 @@ function ShareCodePage({report, session}: ShareCodePageProps) { return ReportUtils.getParentNavigationSubtitle(report).workspaceName ?? ReportUtils.getChatRoomSubtitle(report); } - return session?.email; - }; + return currentUserPersonalDetails.login; + }, [report, currentUserPersonalDetails, isReport]); const title = isReport ? ReportUtils.getReportName(report) : currentUserPersonalDetails.displayName ?? ''; - const subtitle = getSubtitle(); const urlWithTrailingSlash = Url.addTrailingForwardSlash(environmentURL); - const url = isReport ? `${urlWithTrailingSlash}${ROUTES.REPORT_WITH_ID.getRoute(report.reportID)}` : `${urlWithTrailingSlash}${ROUTES.PROFILE.getRoute(session?.accountID ?? '')}`; + const url = isReport + ? `${urlWithTrailingSlash}${ROUTES.REPORT_WITH_ID.getRoute(report.reportID)}` + : `${urlWithTrailingSlash}${ROUTES.PROFILE.getRoute(currentUserPersonalDetails.accountID ?? '')}`; const platform = getPlatform(); const isNative = platform === CONST.PLATFORM.IOS || platform === CONST.PLATFORM.ANDROID;