Skip to content

update report id details style #67858

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Valforte merged 6 commits into from
Aug 11, 2025
Merged

update report id details style #67858

Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
3470254
update report id details style
mkzie2 Aug 5, 2025
8fa0a5e
remove redundant imports
mkzie2 Aug 5, 2025
4a59904
Merge branch 'main' of github.com-mkzie2:mkzie2/App into mkzie2-issue…
mkzie2 Aug 5, 2025
689f641
Merge branch 'main' of github.com-mkzie2:mkzie2/App into mkzie2-issue…
mkzie2 Aug 11, 2025
9380713
block text selection
mkzie2 Aug 11, 2025
765b314
set copyValue
mkzie2 Aug 11, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
40 changes: 19 additions & 21 deletions src/pages/ReportDetailsPage.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,6 @@ import AvatarWithImagePicker from '@components/AvatarWithImagePicker';
import FullPageNotFoundView from '@components/BlockingViews/FullPageNotFoundView';
import ConfirmModal from '@components/ConfirmModal';
import DisplayNames from '@components/DisplayNames';
import FixedFooter from '@components/FixedFooter';
import HeaderWithBackButton from '@components/HeaderWithBackButton';
import MentionReportContext from '@components/HTMLEngineProvider/HTMLRenderers/MentionReportRenderer/MentionReportContext';
import * as Expensicons from '@components/Icon/Expensicons';
Expand All @@ -22,7 +21,6 @@ import ReportActionAvatars from '@components/ReportActionAvatars';
import ScreenWrapper from '@components/ScreenWrapper';
import ScrollView from '@components/ScrollView';
import {useSearchContext} from '@components/Search/SearchContext';
import TextWithCopy from '@components/TextWithCopy';
import useDuplicateTransactionsAndViolations from '@hooks/useDuplicateTransactionsAndViolations';
import useLocalize from '@hooks/useLocalize';
import useNetwork from '@hooks/useNetwork';
Expand Down Expand Up @@ -875,6 +873,25 @@ function ReportDetailsPage({policy, report, route, reportMetadata}: ReportDetail
</OfflineWithFeedback>
)}

{isFinancialReportsForBusinesses && (
<>
<MenuItemWithTopDescription
title={base62ReportID}
description={translate('common.reportID')}
copyValue={base62ReportID}
interactive={false}
shouldBlockSelection
/>
<MenuItemWithTopDescription
title={report.reportID}
description={translate('common.longID')}
copyValue={report.reportID}
interactive={false}
shouldBlockSelection
/>
</>
)}

<PromotedActionsBar
containerStyle={styles.mt5}
promotedActions={promotedActions}
Expand All @@ -901,25 +918,6 @@ function ReportDetailsPage({policy, report, route, reportMetadata}: ReportDetail
onPress={() => setIsDeleteModalVisible(true)}
/>
)}

{isFinancialReportsForBusinesses && (
<FixedFooter style={[styles.alignItemsCenter, styles.flex1, styles.justifyContentEnd, styles.pt5]}>
<View style={[styles.flexRow, styles.alignItemsCenter, styles.gap3]}>
<TextWithCopy
copyValue={base62ReportID}
style={styles.textMicroSupporting}
>
{`${translate('common.reportID')}: ${base62ReportID}`}
</TextWithCopy>
<TextWithCopy
copyValue={report.reportID}
style={styles.textMicroSupporting}
>
{`${translate('common.longID')}: ${report.reportID}`}
</TextWithCopy>
</View>
</FixedFooter>
)}
</ScrollView>
<ConfirmModal
danger
Expand Down
Loading