diff --git a/contributingGuides/LAZY_ICONS_AND_ILLUSTRATIONS.md b/contributingGuides/LAZY_ICONS_AND_ILLUSTRATIONS.md index 24fb247c7135..d47940590a71 100644 --- a/contributingGuides/LAZY_ICONS_AND_ILLUSTRATIONS.md +++ b/contributingGuides/LAZY_ICONS_AND_ILLUSTRATIONS.md @@ -45,7 +45,7 @@ import {useMemoizedLazyIllustrations} from '@hooks/useLazyAsset'; function MyComponent() { // Load multiple illustrations at once - const illustrations = useMemoizedLazyIllustrations(['Building', 'FolderOpen', 'Tag'] as const); + const illustrations = useMemoizedLazyIllustrations(['Building', 'FolderOpen', 'Tag']); return ( @@ -64,7 +64,7 @@ Same pattern as illustrations, but for Expensify icons: import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset'; function NavigationBar() { - const icons = useMemoizedLazyExpensifyIcons(['Home', 'Inbox', 'MoneySearch'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Home', 'Inbox', 'MoneySearch']); return ( @@ -203,7 +203,7 @@ If you're migrating existing code from direct loading to lazy loading: import {useMemoizedLazyIllustrations} from '@hooks/useLazyAsset'; function Component() { - const illustrations = useMemoizedLazyIllustrations(['Building'] as const); + const illustrations = useMemoizedLazyIllustrations(['Building']); return ; } ``` @@ -228,7 +228,7 @@ If you're migrating existing code from direct loading to lazy loading: import {useMemoizedLazyIllustrations} from '@hooks/useLazyAsset'; function Component() { - const illustrations = useMemoizedLazyIllustrations(['Building', 'Tag', 'Coins'] as const); + const illustrations = useMemoizedLazyIllustrations(['Building', 'Tag', 'Coins']); return ( @@ -255,7 +255,7 @@ If you're migrating existing code from direct loading to lazy loading: import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset'; function Component() { - const icons = useMemoizedLazyExpensifyIcons(['Home'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Home']); return ; } ``` \ No newline at end of file diff --git a/src/components/AddPaymentMethodMenu.tsx b/src/components/AddPaymentMethodMenu.tsx index 3d9b649108ce..b646fe49f78a 100644 --- a/src/components/AddPaymentMethodMenu.tsx +++ b/src/components/AddPaymentMethodMenu.tsx @@ -59,7 +59,7 @@ function AddPaymentMethodMenu({ onItemSelected, shouldShowPersonalBankAccountOption = false, }: AddPaymentMethodMenuProps) { - const icons = useMemoizedLazyExpensifyIcons(['Building'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Building']); const {translate} = useLocalize(); const [restoreFocusType, setRestoreFocusType] = useState(); const [session] = useOnyx(ONYXKEYS.SESSION, {canBeMissing: true}); diff --git a/src/components/AddressSearch/CurrentLocationButton.tsx b/src/components/AddressSearch/CurrentLocationButton.tsx index 324f101bf635..5d4ed66d109a 100644 --- a/src/components/AddressSearch/CurrentLocationButton.tsx +++ b/src/components/AddressSearch/CurrentLocationButton.tsx @@ -14,7 +14,7 @@ function CurrentLocationButton({onPress, isDisabled = false}: CurrentLocationBut const styles = useThemeStyles(); const StyleUtils = useStyleUtils(); const {translate} = useLocalize(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Location'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Location']); return ( (attachmentID ?? source); const pagerRef = useRef(null); diff --git a/src/components/Attachments/AttachmentCarousel/AttachmentCarouselView/index.tsx b/src/components/Attachments/AttachmentCarousel/AttachmentCarouselView/index.tsx index b988206adcca..8a33f348cfa3 100644 --- a/src/components/Attachments/AttachmentCarousel/AttachmentCarouselView/index.tsx +++ b/src/components/Attachments/AttachmentCarousel/AttachmentCarouselView/index.tsx @@ -62,7 +62,7 @@ function AttachmentCarouselView({ }: AttachmentCarouselViewProps) { const {translate} = useLocalize(); const styles = useThemeStyles(); - const illustrations = useMemoizedLazyIllustrations(['ToddBehindCloud'] as const); + const illustrations = useMemoizedLazyIllustrations(['ToddBehindCloud']); const canUseTouchScreen = canUseTouchScreenUtil(); const {isFullScreenRef} = useFullScreenContext(); const isPagerScrolling = useSharedValue(false); diff --git a/src/components/Attachments/AttachmentView/DefaultAttachmentView/index.tsx b/src/components/Attachments/AttachmentView/DefaultAttachmentView/index.tsx index 10d0d532862a..e2c0a9cb6a86 100644 --- a/src/components/Attachments/AttachmentView/DefaultAttachmentView/index.tsx +++ b/src/components/Attachments/AttachmentView/DefaultAttachmentView/index.tsx @@ -34,7 +34,7 @@ type DefaultAttachmentViewProps = { }; function DefaultAttachmentView({fileName = '', shouldShowLoadingSpinnerIcon = false, shouldShowDownloadIcon, containerStyles, icon, isUploading, isDeleted}: DefaultAttachmentViewProps) { - const icons = useMemoizedLazyExpensifyIcons(['Download', 'Paperclip'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Download', 'Paperclip']); const theme = useTheme(); const styles = useThemeStyles(); const {translate} = useLocalize(); diff --git a/src/components/Attachments/AttachmentView/HighResolutionInfo.tsx b/src/components/Attachments/AttachmentView/HighResolutionInfo.tsx index 20f607a00589..b8da57998be8 100644 --- a/src/components/Attachments/AttachmentView/HighResolutionInfo.tsx +++ b/src/components/Attachments/AttachmentView/HighResolutionInfo.tsx @@ -14,7 +14,7 @@ function HighResolutionInfo({isUploaded}: {isUploaded: boolean}) { const styles = useThemeStyles(); const stylesUtils = useStyleUtils(); const {translate} = useLocalize(); - const icons = useMemoizedLazyExpensifyIcons(['Info'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Info']); return ( [ { diff --git a/src/components/AvatarButtonWithIcon.tsx b/src/components/AvatarButtonWithIcon.tsx index c68e8f136153..3193a5100f4b 100644 --- a/src/components/AvatarButtonWithIcon.tsx +++ b/src/components/AvatarButtonWithIcon.tsx @@ -90,7 +90,7 @@ function AvatarButtonWithIcon({ }: AvatarButtonWithIconProps) { const theme = useTheme(); const styles = useThemeStyles(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Pencil'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Pencil']); return ( (CONST.AVATAR_CROP_MODAL.INITIAL_SIZE); const originalImageHeight = useSharedValue(CONST.AVATAR_CROP_MODAL.INITIAL_SIZE); diff --git a/src/components/AvatarCropModal/ImageCropView.tsx b/src/components/AvatarCropModal/ImageCropView.tsx index 7a4e11b528a6..2becce846a0e 100644 --- a/src/components/AvatarCropModal/ImageCropView.tsx +++ b/src/components/AvatarCropModal/ImageCropView.tsx @@ -44,7 +44,7 @@ type ImageCropViewProps = { }; function ImageCropView({imageUri = '', containerSize = 0, panGesture = Gesture.Pan(), maskImage, ...props}: ImageCropViewProps) { - const icons = useMemoizedLazyExpensifyIcons(['ImageCropCircleMask'] as const); + const icons = useMemoizedLazyExpensifyIcons(['ImageCropCircleMask']); const styles = useThemeStyles(); const StyleUtils = useStyleUtils(); const containerStyle = StyleUtils.getWidthAndHeightStyle(containerSize, containerSize); diff --git a/src/components/AvatarWithImagePicker.tsx b/src/components/AvatarWithImagePicker.tsx index 4ba9a1888578..184f50f47761 100644 --- a/src/components/AvatarWithImagePicker.tsx +++ b/src/components/AvatarWithImagePicker.tsx @@ -103,7 +103,7 @@ function AvatarWithImagePicker({ editIcon, name = '', }: AvatarWithImagePickerProps) { - const icons = useMemoizedLazyExpensifyIcons(['Pencil', 'Upload'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Pencil', 'Upload']); const styles = useThemeStyles(); const isFocused = useIsFocused(); const [popoverPosition, setPopoverPosition] = useState({horizontal: 0, vertical: 0}); diff --git a/src/components/BlockingViews/FullPageErrorView.tsx b/src/components/BlockingViews/FullPageErrorView.tsx index 858324d4987d..702ce26604de 100644 --- a/src/components/BlockingViews/FullPageErrorView.tsx +++ b/src/components/BlockingViews/FullPageErrorView.tsx @@ -33,7 +33,7 @@ type FullPageErrorViewProps = { // eslint-disable-next-line rulesdir/no-negated-variables function FullPageErrorView({testID, children = null, shouldShow = false, title = '', subtitle = '', shouldForceFullScreen = false, subtitleStyle}: FullPageErrorViewProps) { const styles = useThemeStyles(); - const illustrations = useMemoizedLazyIllustrations(['BrokenMagnifyingGlass'] as const); + const illustrations = useMemoizedLazyIllustrations(['BrokenMagnifyingGlass']); if (shouldShow) { return ( diff --git a/src/components/BlockingViews/FullPageNotFoundView.tsx b/src/components/BlockingViews/FullPageNotFoundView.tsx index cf986fb1652a..11cff285056b 100644 --- a/src/components/BlockingViews/FullPageNotFoundView.tsx +++ b/src/components/BlockingViews/FullPageNotFoundView.tsx @@ -85,7 +85,7 @@ function FullPageNotFoundView({ const styles = useThemeStyles(); const {isMediumScreenWidth, isLargeScreenWidth} = useResponsiveLayout(); const {translate} = useLocalize(); - const illustrations = useMemoizedLazyIllustrations(['ToddBehindCloud'] as const); + const illustrations = useMemoizedLazyIllustrations(['ToddBehindCloud']); if (shouldShow) { StatsCounter('FullPageNotFoundView'); diff --git a/src/components/BlockingViews/FullPageOfflineBlockingView.tsx b/src/components/BlockingViews/FullPageOfflineBlockingView.tsx index e5545317e23c..f4ea28ada53a 100644 --- a/src/components/BlockingViews/FullPageOfflineBlockingView.tsx +++ b/src/components/BlockingViews/FullPageOfflineBlockingView.tsx @@ -17,7 +17,7 @@ type FullPageOfflineBlockingViewProps = ChildrenProps & { function FullPageOfflineBlockingView({children, addBottomSafeAreaPadding = true, addOfflineIndicatorBottomSafeAreaPadding = addBottomSafeAreaPadding}: FullPageOfflineBlockingViewProps) { const {translate} = useLocalize(); const {isOffline} = useNetwork(); - const icons = useMemoizedLazyExpensifyIcons(['OfflineCloud'] as const); + const icons = useMemoizedLazyExpensifyIcons(['OfflineCloud']); const theme = useTheme(); diff --git a/src/components/BookTravelButton.tsx b/src/components/BookTravelButton.tsx index fe505228e76c..048f68b15031 100644 --- a/src/components/BookTravelButton.tsx +++ b/src/components/BookTravelButton.tsx @@ -49,7 +49,7 @@ const navigateToAcceptTerms = (domain: string, isUserValidated?: boolean) => { function BookTravelButton({text, shouldRenderErrorMessageBelowButton = false, setShouldScrollToBottom}: BookTravelButtonProps) { const styles = useThemeStyles(); const StyleUtils = useStyleUtils(); - const illustrations = useMemoizedLazyIllustrations(['RocketDude'] as const); + const illustrations = useMemoizedLazyIllustrations(['RocketDude']); const {translate} = useLocalize(); const {environmentURL} = useEnvironment(); const phoneErrorMethodsRoute = `${environmentURL}/${ROUTES.SETTINGS_CONTACT_METHODS.getRoute(Navigation.getActiveRoute())}`; diff --git a/src/components/Breadcrumbs.tsx b/src/components/Breadcrumbs.tsx index d7f12f3f7ab6..04ab0c307895 100644 --- a/src/components/Breadcrumbs.tsx +++ b/src/components/Breadcrumbs.tsx @@ -38,7 +38,7 @@ function Breadcrumbs({breadcrumbs, style}: BreadcrumbsProps) { const [primaryBreadcrumb, secondaryBreadcrumb] = breadcrumbs; const isRootBreadcrumb = primaryBreadcrumb.type === CONST.BREADCRUMB_TYPE.ROOT; const fontScale = PixelRatio.getFontScale() > CONST.LOGO_MAX_SCALE ? CONST.LOGO_MAX_SCALE : PixelRatio.getFontScale(); - const icons = useMemoizedLazyExpensifyIcons(['ExpensifyWordmark'] as const); + const icons = useMemoizedLazyExpensifyIcons(['ExpensifyWordmark']); return ( diff --git a/src/components/ConfirmedRoute.tsx b/src/components/ConfirmedRoute.tsx index 0988efff2374..a3d138ab4a14 100644 --- a/src/components/ConfirmedRoute.tsx +++ b/src/components/ConfirmedRoute.tsx @@ -46,7 +46,7 @@ function ConfirmedRoute({transaction, isSmallerIcon, shouldHaveBorderRadius = tr const theme = useTheme(); const styles = useThemeStyles(); const StyleUtils = useStyleUtils(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Location'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Location']); const [mapboxAccessToken] = useOnyx(ONYXKEYS.MAPBOX_ACCESS_TOKEN, {canBeMissing: true}); diff --git a/src/components/ContactPermissionModal/index.native.tsx b/src/components/ContactPermissionModal/index.native.tsx index d03604679d6a..497852ea8f10 100644 --- a/src/components/ContactPermissionModal/index.native.tsx +++ b/src/components/ContactPermissionModal/index.native.tsx @@ -17,7 +17,7 @@ function ContactPermissionModal({onDeny, onGrant, onFocusTextInput}: ContactPerm const styles = useThemeStyles(); const {translate} = useLocalize(); - const illustrations = useMemoizedLazyIllustrations(['ToddWithPhones'] as const); + const illustrations = useMemoizedLazyIllustrations(['ToddWithPhones']); useEffect(() => { if (hasDeniedContactImportPrompt) { diff --git a/src/components/DatePicker/index.tsx b/src/components/DatePicker/index.tsx index 86a9c053e3ca..2f83395084bf 100644 --- a/src/components/DatePicker/index.tsx +++ b/src/components/DatePicker/index.tsx @@ -34,7 +34,7 @@ function DatePicker({ forwardedFSClass, ref, }: DateInputWithPickerProps) { - const icons = useMemoizedLazyExpensifyIcons(['Calendar'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Calendar']); const styles = useThemeStyles(); const {windowHeight, windowWidth} = useWindowDimensions(); const {translate} = useLocalize(); diff --git a/src/components/DeeplinkWrapper/DeeplinkRedirectLoadingIndicator.tsx b/src/components/DeeplinkWrapper/DeeplinkRedirectLoadingIndicator.tsx index ba327a515605..29b59cae78d9 100644 --- a/src/components/DeeplinkWrapper/DeeplinkRedirectLoadingIndicator.tsx +++ b/src/components/DeeplinkWrapper/DeeplinkRedirectLoadingIndicator.tsx @@ -21,8 +21,8 @@ function DeeplinkRedirectLoadingIndicator({openLinkInBrowser}: DeeplinkRedirectL const {translate} = useLocalize(); const theme = useTheme(); const styles = useThemeStyles(); - const icons = useMemoizedLazyExpensifyIcons(['ExpensifyWordmark'] as const); - const illustrations = useMemoizedLazyIllustrations(['RocketBlue'] as const); + const icons = useMemoizedLazyExpensifyIcons(['ExpensifyWordmark']); + const illustrations = useMemoizedLazyIllustrations(['RocketBlue']); const [currentUserLogin] = useOnyx(ONYXKEYS.SESSION, {selector: emailSelector, canBeMissing: true}); return ( diff --git a/src/components/DistanceEReceipt.tsx b/src/components/DistanceEReceipt.tsx index 296619da9247..cb3917403a95 100644 --- a/src/components/DistanceEReceipt.tsx +++ b/src/components/DistanceEReceipt.tsx @@ -30,7 +30,7 @@ type DistanceEReceiptProps = { function DistanceEReceipt({transaction, hoverPreview = false}: DistanceEReceiptProps) { const styles = useThemeStyles(); const {translate} = useLocalize(); - const icons = useMemoizedLazyExpensifyIcons(['ExpensifyWordmark'] as const); + const icons = useMemoizedLazyExpensifyIcons(['ExpensifyWordmark']); const thumbnail = hasReceipt(transaction) ? getThumbnailAndImageURIs(transaction).thumbnail : null; const {amount: transactionAmount, currency: transactionCurrency, merchant: transactionMerchant, created: transactionDate} = getTransactionDetails(transaction) ?? {}; const formattedTransactionAmount = convertToDisplayString(transactionAmount, transactionCurrency); diff --git a/src/components/DistanceMapView/index.android.tsx b/src/components/DistanceMapView/index.android.tsx index 0c97a643daf5..5d3c1f3593f5 100644 --- a/src/components/DistanceMapView/index.android.tsx +++ b/src/components/DistanceMapView/index.android.tsx @@ -18,7 +18,7 @@ function DistanceMapView({overlayStyle, requireRouteToDisplayMap, ...rest}: Dist const {translate} = useLocalize(); const theme = useTheme(); const StyleUtils = useStyleUtils(); - const icons = useMemoizedLazyExpensifyIcons(['EmptyStateRoutePending'] as const); + const icons = useMemoizedLazyExpensifyIcons(['EmptyStateRoutePending']); return ( <> diff --git a/src/components/DistanceRequest/DistanceRequestFooter.tsx b/src/components/DistanceRequest/DistanceRequestFooter.tsx index f8bf57c2a3f1..79f444ddc99d 100644 --- a/src/components/DistanceRequest/DistanceRequestFooter.tsx +++ b/src/components/DistanceRequest/DistanceRequestFooter.tsx @@ -43,7 +43,7 @@ function DistanceRequestFooter({waypoints, transaction, navigateToWaypointEditPa const theme = useTheme(); const styles = useThemeStyles(); const {translate} = useLocalize(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Location'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Location']); const [activePolicyID] = useOnyx(ONYXKEYS.NVP_ACTIVE_POLICY_ID, {canBeMissing: true}); const activePolicy = usePolicy(activePolicyID); const [mapboxAccessToken] = useOnyx(ONYXKEYS.MAPBOX_ACCESS_TOKEN, {canBeMissing: true}); diff --git a/src/components/DistanceRequest/DistanceRequestRenderItem.tsx b/src/components/DistanceRequest/DistanceRequestRenderItem.tsx index 5207243f8a44..cdb75f1c5108 100644 --- a/src/components/DistanceRequest/DistanceRequestRenderItem.tsx +++ b/src/components/DistanceRequest/DistanceRequestRenderItem.tsx @@ -32,7 +32,7 @@ type DistanceRequestProps = { function DistanceRequestRenderItem({waypoints, item = '', onSecondaryInteraction, getIndex, isActive = false, onPress = () => {}, disabled = false}: DistanceRequestProps) { const theme = useTheme(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Location'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Location']); const {translate} = useLocalize(); const numberOfWaypoints = Object.keys(waypoints ?? {}).length; const lastWaypointIndex = numberOfWaypoints - 1; diff --git a/src/components/Domain/CopyableTextField.tsx b/src/components/Domain/CopyableTextField.tsx index 4b55abd661c4..7f1a3c3642f0 100644 --- a/src/components/Domain/CopyableTextField.tsx +++ b/src/components/Domain/CopyableTextField.tsx @@ -33,7 +33,7 @@ function CopyableTextField({value, isLoading = false, style, textStyle, shouldDi const {translate} = useLocalize(); const [expanded, setExpanded] = useState(false); - const icons = useMemoizedLazyExpensifyIcons(['DownArrow', 'UpArrow'] as const); + const icons = useMemoizedLazyExpensifyIcons(['DownArrow', 'UpArrow']); return ( diff --git a/src/components/Domain/DomainMenuItem.tsx b/src/components/Domain/DomainMenuItem.tsx index 6f2c438d36f6..6ed3c5509498 100644 --- a/src/components/Domain/DomainMenuItem.tsx +++ b/src/components/Domain/DomainMenuItem.tsx @@ -40,7 +40,7 @@ type DomainItem = { } & Pick; function DomainMenuItem({item, index}: DomainMenuItemProps) { - const icons = useMemoizedLazyExpensifyIcons(['Globe'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Globe']); const styles = useThemeStyles(); const {translate} = useLocalize(); const {isAdmin, isValidated, action} = item; diff --git a/src/components/Domain/DomainsListRow.tsx b/src/components/Domain/DomainsListRow.tsx index 03e8b921ed5d..061b343e3eac 100644 --- a/src/components/Domain/DomainsListRow.tsx +++ b/src/components/Domain/DomainsListRow.tsx @@ -32,7 +32,7 @@ function DomainsListRow({title, isHovered, badgeText, brickRoadIndicator, menuIt const styles = useThemeStyles(); const theme = useTheme(); - const icons = useMemoizedLazyExpensifyIcons(['Globe', 'ArrowRight', 'DotIndicator'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Globe', 'ArrowRight', 'DotIndicator']); return ( diff --git a/src/components/DotIndicatorMessage.tsx b/src/components/DotIndicatorMessage.tsx index f40bd273672e..639cf00238e1 100644 --- a/src/components/DotIndicatorMessage.tsx +++ b/src/components/DotIndicatorMessage.tsx @@ -47,7 +47,7 @@ function DotIndicatorMessage({messages = {}, style, type, textStyles, dismissErr const styles = useThemeStyles(); const StyleUtils = useStyleUtils(); const {translate} = useLocalize(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['DotIndicator'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['DotIndicator']); const [shouldShowErrorModal, setShouldShowErrorModal] = useState(false); diff --git a/src/components/DropZone/DualDropZone.tsx b/src/components/DropZone/DualDropZone.tsx index b93d5f856f83..84d99dcfd395 100644 --- a/src/components/DropZone/DualDropZone.tsx +++ b/src/components/DropZone/DualDropZone.tsx @@ -28,7 +28,7 @@ function DualDropZone({isEditing, onAttachmentDrop, onReceiptDrop, shouldAcceptS const {translate} = useLocalize(); const {shouldUseNarrowLayout, isMediumScreenWidth} = useResponsiveLayout(); const theme = useTheme(); - const icons = useMemoizedLazyExpensifyIcons(['MessageInABottle', 'SmartScan', 'ReplaceReceipt'] as const); + const icons = useMemoizedLazyExpensifyIcons(['MessageInABottle', 'SmartScan', 'ReplaceReceipt']); const shouldStackVertically = shouldUseNarrowLayout || isMediumScreenWidth; const scanReceiptsText = shouldAcceptSingleReceipt ? 'dropzone.addReceipt' : 'dropzone.scanReceipts'; diff --git a/src/components/EReceipt.tsx b/src/components/EReceipt.tsx index 2ad7ad89467d..ab0531a432b6 100644 --- a/src/components/EReceipt.tsx +++ b/src/components/EReceipt.tsx @@ -41,7 +41,7 @@ function EReceipt({transactionID, transactionItem, onLoad, isThumbnail = false}: const StyleUtils = useStyleUtils(); const {translate} = useLocalize(); const theme = useTheme(); - const icons = useMemoizedLazyExpensifyIcons(['ReceiptBody', 'ExpensifyWordmark'] as const); + const icons = useMemoizedLazyExpensifyIcons(['ReceiptBody', 'ExpensifyWordmark']); const [cardList] = useOnyx(ONYXKEYS.CARD_LIST, {canBeMissing: true}); const [transaction] = useOnyx(`${ONYXKEYS.COLLECTION.TRANSACTION}${getNonEmptyStringOnyxID(transactionID)}`, {canBeMissing: true}); diff --git a/src/components/EReceiptThumbnail.tsx b/src/components/EReceiptThumbnail.tsx index f6515de9aa99..312556c469b8 100644 --- a/src/components/EReceiptThumbnail.tsx +++ b/src/components/EReceiptThumbnail.tsx @@ -39,7 +39,7 @@ type EReceiptThumbnailProps = { }; function EReceiptThumbnail({transactionID, borderRadius, fileExtension, isReceiptThumbnail = false, centerIconV = true, iconSize = 'large'}: EReceiptThumbnailProps) { - const icons = useMemoizedLazyExpensifyIcons(['CalendarSolid'] as const); + const icons = useMemoizedLazyExpensifyIcons(['CalendarSolid']); const styles = useThemeStyles(); const StyleUtils = useStyleUtils(); const [transaction] = useOnyx(`${ONYXKEYS.COLLECTION.TRANSACTION}${getNonEmptyStringOnyxID(transactionID)}`, { diff --git a/src/components/EmptySelectionListContent.tsx b/src/components/EmptySelectionListContent.tsx index 8e74e8cfdb32..0f46448d433a 100644 --- a/src/components/EmptySelectionListContent.tsx +++ b/src/components/EmptySelectionListContent.tsx @@ -24,7 +24,7 @@ function isContentType(contentType: unknown): contentType is ContentType { function EmptySelectionListContent({contentType}: EmptySelectionListContentProps) { const styles = useThemeStyles(); - const illustrations = useMemoizedLazyIllustrations(['ToddWithPhones'] as const); + const illustrations = useMemoizedLazyIllustrations(['ToddWithPhones']); const {translate} = useLocalize(); if (!isContentType(contentType)) { diff --git a/src/components/FloatingCameraButton/index.native.tsx b/src/components/FloatingCameraButton/index.native.tsx index b659e94d5309..5b1600a8203d 100644 --- a/src/components/FloatingCameraButton/index.native.tsx +++ b/src/components/FloatingCameraButton/index.native.tsx @@ -3,7 +3,7 @@ import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset'; import BaseFloatingCameraButton from './BaseFloatingCameraButton'; function FloatingCameraButton() { - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Camera'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Camera']); return ; } diff --git a/src/components/FloatingCameraButton/index.tsx b/src/components/FloatingCameraButton/index.tsx index 4ddc9391bbe9..10e9b41e6326 100644 --- a/src/components/FloatingCameraButton/index.tsx +++ b/src/components/FloatingCameraButton/index.tsx @@ -6,7 +6,7 @@ import CONST from '@src/CONST'; import BaseFloatingCameraButton from './BaseFloatingCameraButton'; function FloatingCameraButton() { - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Camera'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Camera']); const icon = getPlatform(true) === CONST.PLATFORM.MOBILE_WEB ? expensifyIcons.Camera : ReceiptPlus; return ; diff --git a/src/components/FocusModeNotification.tsx b/src/components/FocusModeNotification.tsx index 223710f3f817..35b0d780de80 100644 --- a/src/components/FocusModeNotification.tsx +++ b/src/components/FocusModeNotification.tsx @@ -16,7 +16,7 @@ type FocusModeNotificationProps = { function FocusModeNotification({onClose}: FocusModeNotificationProps) { const styles = useThemeStyles(); const StyleUtils = useStyleUtils(); - const illustrations = useMemoizedLazyIllustrations(['ThreeLeggedLaptopWoman'] as const); + const illustrations = useMemoizedLazyIllustrations(['ThreeLeggedLaptopWoman']); const {environmentURL} = useEnvironment(); const {translate} = useLocalize(); const priorityModePageUrl = `${environmentURL}/settings/preferences/priority-mode`; diff --git a/src/components/FormHelpMessage.tsx b/src/components/FormHelpMessage.tsx index 285aacfa8c29..c42ebc31115d 100644 --- a/src/components/FormHelpMessage.tsx +++ b/src/components/FormHelpMessage.tsx @@ -36,7 +36,7 @@ type FormHelpMessageProps = { function FormHelpMessage({message = '', children, isError = true, style, shouldShowRedDotIndicator = true, shouldRenderMessageAsHTML = false, isInfo = false}: FormHelpMessageProps) { const theme = useTheme(); const styles = useThemeStyles(); - const icons = useMemoizedLazyExpensifyIcons(['DotIndicator', 'Exclamation'] as const); + const icons = useMemoizedLazyExpensifyIcons(['DotIndicator', 'Exclamation']); const HTMLMessage = useMemo(() => { if (typeof message !== 'string' || !shouldRenderMessageAsHTML) { diff --git a/src/components/GrowlNotification/index.tsx b/src/components/GrowlNotification/index.tsx index 708293a61788..83a7ef342151 100644 --- a/src/components/GrowlNotification/index.tsx +++ b/src/components/GrowlNotification/index.tsx @@ -32,7 +32,7 @@ function GrowlNotification({ref}: GrowlNotificationProps) { const [duration, setDuration] = useState(); const theme = useTheme(); const styles = useThemeStyles(); - const icons = useMemoizedLazyExpensifyIcons(['Exclamation', 'Checkmark'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Exclamation', 'Checkmark']); type GrowlIconTypes = Record< /** String representing the growl type, all type strings diff --git a/src/components/HTMLEngineProvider/HTMLRenderers/ImageRenderer.tsx b/src/components/HTMLEngineProvider/HTMLRenderers/ImageRenderer.tsx index f8584ae5f1f5..1e7aed29cc48 100644 --- a/src/components/HTMLEngineProvider/HTMLRenderers/ImageRenderer.tsx +++ b/src/components/HTMLEngineProvider/HTMLRenderers/ImageRenderer.tsx @@ -20,7 +20,7 @@ import ONYXKEYS from '@src/ONYXKEYS'; import ROUTES from '@src/ROUTES'; function ImageRenderer({tnode}: CustomRendererProps) { - const icons = useMemoizedLazyExpensifyIcons(['Document', 'GalleryNotFound'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Document', 'GalleryNotFound']); const styles = useThemeStyles(); const {translate} = useLocalize(); diff --git a/src/components/HeaderWithBackButton/index.tsx b/src/components/HeaderWithBackButton/index.tsx index 68d9a99b4644..a89efa7dcb44 100755 --- a/src/components/HeaderWithBackButton/index.tsx +++ b/src/components/HeaderWithBackButton/index.tsx @@ -75,7 +75,7 @@ function HeaderWithBackButton({ shouldMinimizeMenuButton = false, openParentReportInCurrentTab = false, }: HeaderWithBackButtonProps) { - const icons = useMemoizedLazyExpensifyIcons(['Download'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Download']); const theme = useTheme(); const styles = useThemeStyles(); const StyleUtils = useStyleUtils(); diff --git a/src/components/HoldMenuSectionList.tsx b/src/components/HoldMenuSectionList.tsx index 96331a7152f9..6a91730f876f 100644 --- a/src/components/HoldMenuSectionList.tsx +++ b/src/components/HoldMenuSectionList.tsx @@ -20,7 +20,7 @@ type HoldMenuSection = { function HoldMenuSectionList() { const {translate} = useLocalize(); const styles = useThemeStyles(); - const illustrations = useMemoizedLazyIllustrations(['RealtimeReport', 'Stopwatch'] as const); + const illustrations = useMemoizedLazyIllustrations(['RealtimeReport', 'Stopwatch']); const holdMenuSections: HoldMenuSection[] = [ { icon: illustrations.Stopwatch, diff --git a/src/components/HoldOrRejectEducationalModal.tsx b/src/components/HoldOrRejectEducationalModal.tsx index d84f772ea752..9e90b68a1ec3 100644 --- a/src/components/HoldOrRejectEducationalModal.tsx +++ b/src/components/HoldOrRejectEducationalModal.tsx @@ -31,7 +31,7 @@ type HoldOrRejectEducationalModalProps = { function HoldOrRejectEducationalModal({onClose, onConfirm}: HoldOrRejectEducationalModalProps) { const {translate} = useLocalize(); const styles = useThemeStyles(); - const illustrations = useMemoizedLazyIllustrations(['Stopwatch', 'Rules', 'RealtimeReport', 'ThumbsDown', 'ModalHoldOrReject'] as const); + const illustrations = useMemoizedLazyIllustrations(['Stopwatch', 'Rules', 'RealtimeReport', 'ThumbsDown', 'ModalHoldOrReject']); useBeforeRemove(onClose); diff --git a/src/components/HoldSubmitterEducationalModal.tsx b/src/components/HoldSubmitterEducationalModal.tsx index 648327ddffee..f67bdd260887 100644 --- a/src/components/HoldSubmitterEducationalModal.tsx +++ b/src/components/HoldSubmitterEducationalModal.tsx @@ -19,7 +19,7 @@ type HoldSubmitterEducationalModalProps = { function HoldSubmitterEducationalModal({onClose, onConfirm}: HoldSubmitterEducationalModalProps) { const {translate} = useLocalize(); const styles = useThemeStyles(); - const illustrations = useMemoizedLazyIllustrations(['HoldExpense'] as const); + const illustrations = useMemoizedLazyIllustrations(['HoldExpense']); useBeforeRemove(onClose); diff --git a/src/components/ImportOnyxState/BaseImportOnyxState.tsx b/src/components/ImportOnyxState/BaseImportOnyxState.tsx index d34e189dc88f..cfb27dce1881 100644 --- a/src/components/ImportOnyxState/BaseImportOnyxState.tsx +++ b/src/components/ImportOnyxState/BaseImportOnyxState.tsx @@ -17,7 +17,7 @@ function BaseImportOnyxState({ isErrorModalVisible: boolean; setIsErrorModalVisible: (value: boolean) => void; }) { - const icons = useMemoizedLazyExpensifyIcons(['Upload'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Upload']); const {translate} = useLocalize(); const styles = useThemeStyles(); diff --git a/src/components/ImportSpreadsheet.tsx b/src/components/ImportSpreadsheet.tsx index b66ac37fecb9..64f9b7dbc1d2 100644 --- a/src/components/ImportSpreadsheet.tsx +++ b/src/components/ImportSpreadsheet.tsx @@ -38,7 +38,7 @@ type ImportSpreadsheetProps = { }; function ImportSpreadsheet({backTo, goTo, isImportingMultiLevelTags}: ImportSpreadsheetProps) { - const icons = useMemoizedLazyExpensifyIcons(['SpreadsheetComputer'] as const); + const icons = useMemoizedLazyExpensifyIcons(['SpreadsheetComputer']); const styles = useThemeStyles(); const {translate} = useLocalize(); const [isReadingFile, setIsReadingFile] = useState(false); diff --git a/src/components/ImportedFromAccountingSoftware.tsx b/src/components/ImportedFromAccountingSoftware.tsx index 08f5ef100bd6..23722943709a 100644 --- a/src/components/ImportedFromAccountingSoftware.tsx +++ b/src/components/ImportedFromAccountingSoftware.tsx @@ -34,7 +34,7 @@ function ImportedFromAccountingSoftware({policyID, currentConnectionName, transl const StyleUtils = useStyleUtils(); const {translate} = useLocalize(); const {environmentURL} = useEnvironment(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['XeroSquare', 'QBOSquare', 'NetSuiteSquare', 'IntacctSquare', 'QBDSquare'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['XeroSquare', 'QBOSquare', 'NetSuiteSquare', 'IntacctSquare', 'QBDSquare']); const icon = getIntegrationIcon(connectedIntegration, expensifyIcons); return ( diff --git a/src/components/InlineSystemMessage.tsx b/src/components/InlineSystemMessage.tsx index 1652365c8611..048a89f1670c 100644 --- a/src/components/InlineSystemMessage.tsx +++ b/src/components/InlineSystemMessage.tsx @@ -14,7 +14,7 @@ type InlineSystemMessageProps = { function InlineSystemMessage({message = ''}: InlineSystemMessageProps) { const theme = useTheme(); const styles = useThemeStyles(); - const icons = useMemoizedLazyExpensifyIcons(['Exclamation'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Exclamation']); if (!message) { return null; } diff --git a/src/components/LHNOptionsList/LHNOptionsList.tsx b/src/components/LHNOptionsList/LHNOptionsList.tsx index 14436979ab03..b128b6ec207d 100644 --- a/src/components/LHNOptionsList/LHNOptionsList.tsx +++ b/src/components/LHNOptionsList/LHNOptionsList.tsx @@ -56,7 +56,7 @@ function LHNOptionsList({style, contentContainerStyles, data, onSelectRow, optio const flashListRef = useRef>(null); const route = useRoute(); const isScreenFocused = useIsFocused(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['MagnifyingGlass'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['MagnifyingGlass']); const [reports] = useOnyx(ONYXKEYS.COLLECTION.REPORT, {canBeMissing: false}); const [reportAttributes] = useOnyx(ONYXKEYS.DERIVED.REPORT_ATTRIBUTES, {selector: reportsSelector, canBeMissing: true}); diff --git a/src/components/LHNOptionsList/OptionRowLHN.tsx b/src/components/LHNOptionsList/OptionRowLHN.tsx index 5edf63100af0..afac4152bac8 100644 --- a/src/components/LHNOptionsList/OptionRowLHN.tsx +++ b/src/components/LHNOptionsList/OptionRowLHN.tsx @@ -60,7 +60,7 @@ function OptionRowLHN({ const popoverAnchor = useRef(null); const StyleUtils = useStyleUtils(); const {shouldUseNarrowLayout} = useResponsiveLayout(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Pencil'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Pencil']); const session = useSession(); const isOnboardingGuideAssigned = onboardingPurpose === CONST.ONBOARDING_CHOICES.MANAGE_TEAM && !session?.email?.includes('+'); diff --git a/src/components/MapView/MapView.tsx b/src/components/MapView/MapView.tsx index 31f8926fa0cb..42711cdd16ec 100644 --- a/src/components/MapView/MapView.tsx +++ b/src/components/MapView/MapView.tsx @@ -47,7 +47,7 @@ function MapView({ const {translate} = useLocalize(); const styles = useThemeStyles(); const theme = useTheme(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Crosshair'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Crosshair']); const cameraRef = useRef(null); const [isIdle, setIsIdle] = useState(false); const initialLocation = useMemo(() => initialState && {longitude: initialState.location[0], latitude: initialState.location[1]}, [initialState]); diff --git a/src/components/MapView/MapViewImpl.website.tsx b/src/components/MapView/MapViewImpl.website.tsx index c4c7c42623c2..c11f0cba91aa 100644 --- a/src/components/MapView/MapViewImpl.website.tsx +++ b/src/components/MapView/MapViewImpl.website.tsx @@ -68,7 +68,7 @@ function MapViewImpl({ const theme = useTheme(); const styles = useThemeStyles(); const StyleUtils = useStyleUtils(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Crosshair'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Crosshair']); const [mapRef, setMapRef] = useState(null); const initialLocation = useMemo(() => ({longitude: initialState.location[0], latitude: initialState.location[1]}), [initialState]); diff --git a/src/components/MapView/PendingMapView.tsx b/src/components/MapView/PendingMapView.tsx index 9e1ae2568c40..f1268166d1fe 100644 --- a/src/components/MapView/PendingMapView.tsx +++ b/src/components/MapView/PendingMapView.tsx @@ -13,7 +13,7 @@ function PendingMapView({title = '', subtitle = '', style, isSmallerIcon = false const hasTextContent = !isEmpty(title) || !isEmpty(subtitle); const styles = useThemeStyles(); const theme = useTheme(); - const icons = useMemoizedLazyExpensifyIcons(['EmptyStateRoutePending'] as const); + const icons = useMemoizedLazyExpensifyIcons(['EmptyStateRoutePending']); const iconSize = isSmallerIcon ? variables.iconSizeSuperLarge : variables.iconSizeUltraLarge; return ( diff --git a/src/components/MigratedUserWelcomeModal.tsx b/src/components/MigratedUserWelcomeModal.tsx index 7f9495e56177..21d03be56a81 100644 --- a/src/components/MigratedUserWelcomeModal.tsx +++ b/src/components/MigratedUserWelcomeModal.tsx @@ -38,7 +38,7 @@ function MigratedUserWelcomeModal() { const [isModalDisabled, setIsModalDisabled] = useState(true); const route = useRoute>(); const shouldOpenSearch = route?.params?.shouldOpenSearch === 'true'; - // const illustrations = useMemoizedLazyIllustrations(['MagnifyingGlassReceipt', 'ConciergeBot', 'ChatBubbles'] as const); + // const illustrations = useMemoizedLazyIllustrations(['MagnifyingGlassReceipt', 'ConciergeBot', 'ChatBubbles']); const isCurrentUserPolicyAdmin = useIsPaidPolicyAdmin(); const ExpensifyFeatures = useMemo( diff --git a/src/components/MoneyReportHeaderStatusBar.tsx b/src/components/MoneyReportHeaderStatusBar.tsx index 7218e9561533..a550b7c1e599 100644 --- a/src/components/MoneyReportHeaderStatusBar.tsx +++ b/src/components/MoneyReportHeaderStatusBar.tsx @@ -24,7 +24,7 @@ type IconMap = Record; function MoneyReportHeaderStatusBar({nextStep}: MoneyReportHeaderStatusBarProps) { const styles = useThemeStyles(); const theme = useTheme(); - const icons = useMemoizedLazyExpensifyIcons(['Hourglass', 'Checkmark', 'Stopwatch'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Hourglass', 'Checkmark', 'Stopwatch']); const iconMap: IconMap = useMemo( () => ({ [CONST.NEXT_STEP.ICONS.HOURGLASS]: icons.Hourglass, diff --git a/src/components/MoneyRequestConfirmationListFooter.tsx b/src/components/MoneyRequestConfirmationListFooter.tsx index 31fe9295c249..9abf599aec64 100644 --- a/src/components/MoneyRequestConfirmationListFooter.tsx +++ b/src/components/MoneyRequestConfirmationListFooter.tsx @@ -264,7 +264,7 @@ function MoneyRequestConfirmationListFooter({ isReceiptEditable = false, isDescriptionRequired = false, }: MoneyRequestConfirmationListFooterProps) { - const icons = useMemoizedLazyExpensifyIcons(['Stopwatch', 'CalendarSolid'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Stopwatch', 'CalendarSolid']); const styles = useThemeStyles(); const {translate, toLocaleDigit, localeCompare} = useLocalize(); const {isOffline} = useNetwork(); diff --git a/src/components/MoneyRequestHeader.tsx b/src/components/MoneyRequestHeader.tsx index bd2ceaf81db6..9cf65e43fbf4 100644 --- a/src/components/MoneyRequestHeader.tsx +++ b/src/components/MoneyRequestHeader.tsx @@ -102,7 +102,7 @@ function MoneyRequestHeader({report, parentReportAction, policy, onBackButtonPre const [parentReport] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT}${report?.parentReportID}`, { canBeMissing: false, }); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['ArrowSplit', 'ArrowCollapse'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['ArrowSplit', 'ArrowCollapse']); const [transaction] = useOnyx( `${ONYXKEYS.COLLECTION.TRANSACTION}${ isMoneyRequestAction(parentReportAction) ? (getOriginalMessage(parentReportAction)?.IOUTransactionID ?? CONST.DEFAULT_NUMBER_ID) : CONST.DEFAULT_NUMBER_ID diff --git a/src/components/MoneyRequestReportView/MoneyRequestReportTransactionList.tsx b/src/components/MoneyRequestReportView/MoneyRequestReportTransactionList.tsx index 01d3dc21d238..aeab94247c06 100644 --- a/src/components/MoneyRequestReportView/MoneyRequestReportTransactionList.tsx +++ b/src/components/MoneyRequestReportView/MoneyRequestReportTransactionList.tsx @@ -165,7 +165,7 @@ function MoneyRequestReportTransactionList({ useCopySelectionHelper(); const styles = useThemeStyles(); const StyleUtils = useStyleUtils(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Location'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Location']); const {translate, localeCompare} = useLocalize(); // eslint-disable-next-line rulesdir/prefer-shouldUseNarrowLayout-instead-of-isSmallScreenWidth const {shouldUseNarrowLayout, isSmallScreenWidth, isMediumScreenWidth} = useResponsiveLayout(); diff --git a/src/components/MoneyRequestReportView/SearchMoneyRequestReportEmptyState.tsx b/src/components/MoneyRequestReportView/SearchMoneyRequestReportEmptyState.tsx index cad21582e9bc..324972671744 100644 --- a/src/components/MoneyRequestReportView/SearchMoneyRequestReportEmptyState.tsx +++ b/src/components/MoneyRequestReportView/SearchMoneyRequestReportEmptyState.tsx @@ -24,7 +24,7 @@ function SearchMoneyRequestReportEmptyState({report, policy}: {report: OnyxTypes const [reportNameValuePairs] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT_NAME_VALUE_PAIRS}${report.reportID}`, {canBeMissing: true}); const {translate} = useLocalize(); const styles = useThemeStyles(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Location'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Location']); const [lastDistanceExpenseType] = useOnyx(ONYXKEYS.NVP_LAST_DISTANCE_EXPENSE_TYPE, {canBeMissing: true}); const reportId = report.reportID; const isReportArchived = isArchivedReport(reportNameValuePairs); diff --git a/src/components/Navigation/NavigationTabBar/index.tsx b/src/components/Navigation/NavigationTabBar/index.tsx index 4ba13eb31ed0..c709117b78eb 100644 --- a/src/components/Navigation/NavigationTabBar/index.tsx +++ b/src/components/Navigation/NavigationTabBar/index.tsx @@ -85,7 +85,7 @@ function NavigationTabBar({selectedTab, isTopLevelBar = false, shouldShowFloatin | DomainSplitNavigatorParamList[typeof SCREENS.DOMAIN.INITIAL]; const {typeMenuSections} = useSearchTypeMenuSections(); const subscriptionPlan = useSubscriptionPlan(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['ExpensifyAppIcon', 'Inbox', 'MoneySearch', 'Buildings'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['ExpensifyAppIcon', 'Inbox', 'MoneySearch', 'Buildings']); const paramsPolicyID = params && 'policyID' in params ? params.policyID : undefined; const paramsDomainAccountID = params && 'domainAccountID' in params ? params.domainAccountID : undefined; diff --git a/src/components/OfflineIndicator.tsx b/src/components/OfflineIndicator.tsx index 5e704ed5658a..e8a4f0ca008e 100644 --- a/src/components/OfflineIndicator.tsx +++ b/src/components/OfflineIndicator.tsx @@ -27,7 +27,7 @@ function OfflineIndicator({style, containerStyles: containerStylesProp, addBotto const styles = useThemeStyles(); const {translate} = useLocalize(); const {isOffline} = useNetwork(); - const icons = useMemoizedLazyExpensifyIcons(['OfflineCloud'] as const); + const icons = useMemoizedLazyExpensifyIcons(['OfflineCloud']); const fallbackStyle = useMemo(() => [styles.offlineIndicatorContainer, containerStylesProp], [styles.offlineIndicatorContainer, containerStylesProp]); const containerStyles = useBottomSafeSafeAreaPaddingStyle({ diff --git a/src/components/OnboardingHelpDropdownButton.tsx b/src/components/OnboardingHelpDropdownButton.tsx index ac6abfda351e..091d6e1248d3 100644 --- a/src/components/OnboardingHelpDropdownButton.tsx +++ b/src/components/OnboardingHelpDropdownButton.tsx @@ -52,8 +52,8 @@ function OnboardingHelpDropdownButton({reportID, shouldUseNarrowLayout, shouldSh const currentUserPersonalDetails = useCurrentUserPersonalDetails(); const userTimezone = currentUserPersonalDetails?.timezone?.selected ? currentUserPersonalDetails?.timezone.selected : CONST.DEFAULT_TIME_ZONE.selected; - const icons = useMemoizedLazyExpensifyIcons(['CalendarSolid', 'Monitor'] as const); - const illustrations = useMemoizedLazyIllustrations(['HeadSet'] as const); + const icons = useMemoizedLazyExpensifyIcons(['CalendarSolid', 'Monitor']); + const illustrations = useMemoizedLazyIllustrations(['HeadSet']); if (!reportID || !accountID) { return null; diff --git a/src/components/OnboardingMergingAccountBlockedView.tsx b/src/components/OnboardingMergingAccountBlockedView.tsx index 164233308fae..20c374d3a837 100644 --- a/src/components/OnboardingMergingAccountBlockedView.tsx +++ b/src/components/OnboardingMergingAccountBlockedView.tsx @@ -22,7 +22,7 @@ type OnboardingMergingAccountBlockedViewProps = { function OnboardingMergingAccountBlockedView({workEmail, isVsb}: OnboardingMergingAccountBlockedViewProps) { const styles = useThemeStyles(); const {translate} = useLocalize(); - const illustrations = useMemoizedLazyIllustrations(['ToddBehindCloud'] as const); + const illustrations = useMemoizedLazyIllustrations(['ToddBehindCloud']); const [onboardingErrorMessage] = useOnyx(ONYXKEYS.ONBOARDING_ERROR_MESSAGE_TRANSLATION_KEY, {canBeMissing: true}); const getErrorSubtitle = () => { diff --git a/src/components/PerDiemEReceipt.tsx b/src/components/PerDiemEReceipt.tsx index 24019563db45..925762247ec9 100644 --- a/src/components/PerDiemEReceipt.tsx +++ b/src/components/PerDiemEReceipt.tsx @@ -52,7 +52,7 @@ function PerDiemEReceipt({transactionID}: PerDiemEReceiptProps) { const styles = useThemeStyles(); const StyleUtils = useStyleUtils(); const {translate} = useLocalize(); - const icons = useMemoizedLazyExpensifyIcons(['ExpensifyWordmark'] as const); + const icons = useMemoizedLazyExpensifyIcons(['ExpensifyWordmark']); const [transaction] = useOnyx(`${ONYXKEYS.COLLECTION.TRANSACTION}${getNonEmptyStringOnyxID(transactionID)}`, { canBeMissing: true, }); diff --git a/src/components/PopoverMenu.tsx b/src/components/PopoverMenu.tsx index 8d20f9261a54..7f0a0ee06a1e 100644 --- a/src/components/PopoverMenu.tsx +++ b/src/components/PopoverMenu.tsx @@ -296,7 +296,7 @@ function BasePopoverMenu({ const platform = getPlatform(); const isWebOrDesktop = platform === CONST.PLATFORM.WEB || platform === CONST.PLATFORM.DESKTOP; const [focusedIndex, setFocusedIndex] = useArrowKeyFocusManager({initialFocusedIndex: currentMenuItemsFocusedIndex, maxIndex: currentMenuItems.length - 1, isActive: isVisible}); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['BackArrow'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['BackArrow']); const prevMenuItems = usePrevious(menuItems); const selectItem = (index: number, event?: GestureResponderEvent | KeyboardEvent) => { diff --git a/src/components/ProactiveAppReviewModal.tsx b/src/components/ProactiveAppReviewModal.tsx index c3d0d1c62bfb..6d0054f208ab 100644 --- a/src/components/ProactiveAppReviewModal.tsx +++ b/src/components/ProactiveAppReviewModal.tsx @@ -26,7 +26,7 @@ type ProactiveAppReviewModalProps = { function ProactiveAppReviewModal({isVisible, onPositive, onNegative, onSkip}: ProactiveAppReviewModalProps) { const {shouldUseNarrowLayout} = useResponsiveLayout(); const styles = useThemeStyles(); - const illustrations = useMemoizedLazyIllustrations(['ToddWithPhones'] as const); + const illustrations = useMemoizedLazyIllustrations(['ToddWithPhones']); return ( (null); const [exportMethods] = useOnyx(ONYXKEYS.LAST_EXPORT_METHOD, {canBeMissing: true}); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['XeroSquare', 'QBOSquare', 'NetSuiteSquare', 'IntacctSquare', 'QBDSquare'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['XeroSquare', 'QBOSquare', 'NetSuiteSquare', 'IntacctSquare', 'QBDSquare']); const iconToDisplay = getIntegrationIcon(connectionName, expensifyIcons); const canBeExported = canBeExportedUtils(report); diff --git a/src/components/ReportActionItem/MoneyRequestReportPreview/AccessMoneyRequestReportPreviewPlaceHolder.tsx b/src/components/ReportActionItem/MoneyRequestReportPreview/AccessMoneyRequestReportPreviewPlaceHolder.tsx index 0d155c591797..6dd74221596d 100644 --- a/src/components/ReportActionItem/MoneyRequestReportPreview/AccessMoneyRequestReportPreviewPlaceHolder.tsx +++ b/src/components/ReportActionItem/MoneyRequestReportPreview/AccessMoneyRequestReportPreviewPlaceHolder.tsx @@ -9,7 +9,7 @@ import useTheme from '@hooks/useTheme'; import useThemeStyles from '@hooks/useThemeStyles'; function AccessMoneyRequestReportPreviewPlaceHolder() { - const icons = useMemoizedLazyExpensifyIcons(['EyeDisabled'] as const); + const icons = useMemoizedLazyExpensifyIcons(['EyeDisabled']); const styles = useThemeStyles(); const theme = useTheme(); const {translate} = useLocalize(); diff --git a/src/components/ReportActionItem/MoneyRequestReportPreview/EmptyMoneyRequestReportPreview.tsx b/src/components/ReportActionItem/MoneyRequestReportPreview/EmptyMoneyRequestReportPreview.tsx index b95bd223aebe..b2f56afe06a6 100644 --- a/src/components/ReportActionItem/MoneyRequestReportPreview/EmptyMoneyRequestReportPreview.tsx +++ b/src/components/ReportActionItem/MoneyRequestReportPreview/EmptyMoneyRequestReportPreview.tsx @@ -9,7 +9,7 @@ import useTheme from '@hooks/useTheme'; import useThemeStyles from '@hooks/useThemeStyles'; function EmptyMoneyRequestReportPreview() { - const icons = useMemoizedLazyExpensifyIcons(['Folder'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Folder']); const styles = useThemeStyles(); const theme = useTheme(); const {translate} = useLocalize(); diff --git a/src/components/ReportActionItem/MoneyRequestReportPreview/MoneyRequestReportPreviewContent.tsx b/src/components/ReportActionItem/MoneyRequestReportPreview/MoneyRequestReportPreviewContent.tsx index b6c8ef2e46e4..d1706a0e64df 100644 --- a/src/components/ReportActionItem/MoneyRequestReportPreview/MoneyRequestReportPreviewContent.tsx +++ b/src/components/ReportActionItem/MoneyRequestReportPreview/MoneyRequestReportPreviewContent.tsx @@ -143,7 +143,7 @@ function MoneyRequestReportPreviewContent({ const {isOffline} = useNetwork(); const {shouldUseNarrowLayout} = useResponsiveLayout(); const currentUserDetails = useCurrentUserPersonalDetails(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['ArrowRight', 'BackArrow', 'Location'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['ArrowRight', 'BackArrow', 'Location']); const {areAllRequestsBeingSmartScanned, hasNonReimbursableTransactions} = useMemo( () => ({ diff --git a/src/components/ReportActionItem/MoneyRequestView.tsx b/src/components/ReportActionItem/MoneyRequestView.tsx index 4eb29a60e5ba..0bb2e8f7030e 100644 --- a/src/components/ReportActionItem/MoneyRequestView.tsx +++ b/src/components/ReportActionItem/MoneyRequestView.tsx @@ -149,7 +149,7 @@ function MoneyRequestView({ isFromReviewDuplicates = false, mergeTransactionID, }: MoneyRequestViewProps) { - const icons = useMemoizedLazyExpensifyIcons(['DotIndicator', 'Checkmark', 'Suitcase'] as const); + const icons = useMemoizedLazyExpensifyIcons(['DotIndicator', 'Checkmark', 'Suitcase']); const styles = useThemeStyles(); const theme = useTheme(); const StyleUtils = useStyleUtils(); diff --git a/src/components/ReportActionItem/TransactionPreview/TransactionPreviewContent.tsx b/src/components/ReportActionItem/TransactionPreview/TransactionPreviewContent.tsx index c0f644e0bfae..d7a7184eada7 100644 --- a/src/components/ReportActionItem/TransactionPreview/TransactionPreviewContent.tsx +++ b/src/components/ReportActionItem/TransactionPreview/TransactionPreviewContent.tsx @@ -63,7 +63,7 @@ function TransactionPreviewContent({ navigateToReviewFields, isReviewDuplicateTransactionPage = false, }: TransactionPreviewContentProps) { - const icons = useMemoizedLazyExpensifyIcons(['Folder', 'Tag'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Folder', 'Tag']); const theme = useTheme(); const styles = useThemeStyles(); const {translate} = useLocalize(); diff --git a/src/components/ReportActionItem/TripDetailsView.tsx b/src/components/ReportActionItem/TripDetailsView.tsx index ccc704726b4e..359b58d553dd 100644 --- a/src/components/ReportActionItem/TripDetailsView.tsx +++ b/src/components/ReportActionItem/TripDetailsView.tsx @@ -44,7 +44,7 @@ function ReservationView({reservation, transactionID, tripRoomReportID, sequence const StyleUtils = useStyleUtils(); const {translate} = useLocalize(); const {shouldUseNarrowLayout} = useResponsiveLayout(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['ArrowRightLong', 'Plane', 'Bed', 'CarWithKey', 'Train', 'Luggage'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['ArrowRightLong', 'Plane', 'Bed', 'CarWithKey', 'Train', 'Luggage']); const reservationIcon = getTripReservationIcon(expensifyIcons, reservation.type); diff --git a/src/components/ReportActionItem/TripRoomPreview.tsx b/src/components/ReportActionItem/TripRoomPreview.tsx index 057ff6039012..0488b0fc2567 100644 --- a/src/components/ReportActionItem/TripRoomPreview.tsx +++ b/src/components/ReportActionItem/TripRoomPreview.tsx @@ -65,7 +65,7 @@ function ReservationView({reservation, onPress}: ReservationViewProps) { const styles = useThemeStyles(); const StyleUtils = useStyleUtils(); const {translate} = useLocalize(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Plane', 'Bed', 'CarWithKey', 'Train', 'Luggage'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Plane', 'Bed', 'CarWithKey', 'Train', 'Luggage']); const reservationIcon = getTripReservationIcon(expensifyIcons, reservation.type); const title = reservation.type === CONST.RESERVATION_TYPE.CAR ? reservation.carInfo?.name : Str.recapitalize(reservation.start.longName ?? ''); diff --git a/src/components/ReportHeaderSkeletonView.tsx b/src/components/ReportHeaderSkeletonView.tsx index efc0194bd4ad..6b67ef889e91 100644 --- a/src/components/ReportHeaderSkeletonView.tsx +++ b/src/components/ReportHeaderSkeletonView.tsx @@ -22,7 +22,7 @@ function ReportHeaderSkeletonView({shouldAnimate = true, onBackButtonPress = () const styles = useThemeStyles(); const {translate} = useLocalize(); const {shouldUseNarrowLayout} = useResponsiveLayout(); - const icons = useMemoizedLazyExpensifyIcons(['BackArrow'] as const); + const icons = useMemoizedLazyExpensifyIcons(['BackArrow']); useSkeletonSpan('ReportHeaderSkeletonView'); const height = styles.headerBarHeight.height; const radius = 20; diff --git a/src/components/RoomHeaderAvatars.tsx b/src/components/RoomHeaderAvatars.tsx index e7ef5d570ac6..b5d1ab1a17b9 100644 --- a/src/components/RoomHeaderAvatars.tsx +++ b/src/components/RoomHeaderAvatars.tsx @@ -38,7 +38,7 @@ function RoomHeaderAvatars({icons, report, policy, participants}: RoomHeaderAvat } }; - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Camera', 'ImageCropSquareMask'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Camera', 'ImageCropSquareMask']); const styles = useThemeStyles(); const StyleUtils = useStyleUtils(); const currentUserAccountID = getCurrentUserAccountID(); diff --git a/src/components/SAMLLoadingIndicator.tsx b/src/components/SAMLLoadingIndicator.tsx index d5e692c6c0c2..cf9731452fed 100644 --- a/src/components/SAMLLoadingIndicator.tsx +++ b/src/components/SAMLLoadingIndicator.tsx @@ -11,9 +11,9 @@ import Text from './Text'; function SAMLLoadingIndicator() { const theme = useTheme(); const styles = useThemeStyles(); - const illustrations = useMemoizedLazyIllustrations(['RocketBlue'] as const); + const illustrations = useMemoizedLazyIllustrations(['RocketBlue']); const {translate} = useLocalize(); - const icons = useMemoizedLazyExpensifyIcons(['ExpensifyWordmark'] as const); + const icons = useMemoizedLazyExpensifyIcons(['ExpensifyWordmark']); return ( diff --git a/src/components/Search/SearchAutocompleteList.tsx b/src/components/Search/SearchAutocompleteList.tsx index e02cab09a4df..cb20336535fc 100644 --- a/src/components/Search/SearchAutocompleteList.tsx +++ b/src/components/Search/SearchAutocompleteList.tsx @@ -190,7 +190,7 @@ function SearchAutocompleteList({ const [nvpDismissedProductTraining] = useOnyx(ONYXKEYS.NVP_DISMISSED_PRODUCT_TRAINING, {canBeMissing: true}); const [recentSearches] = useOnyx(ONYXKEYS.RECENT_SEARCHES, {canBeMissing: true}); const [countryCode] = useOnyx(ONYXKEYS.COUNTRY_CODE, {canBeMissing: false}); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['History', 'MagnifyingGlass'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['History', 'MagnifyingGlass']); const {options, areOptionsInitialized} = useOptionsList(); const searchOptions = useMemo(() => { diff --git a/src/components/Search/SearchPageHeader/SearchFiltersBar.tsx b/src/components/Search/SearchPageHeader/SearchFiltersBar.tsx index 25adbc97eedd..4c5cd6df2cfd 100644 --- a/src/components/Search/SearchPageHeader/SearchFiltersBar.tsx +++ b/src/components/Search/SearchPageHeader/SearchFiltersBar.tsx @@ -113,7 +113,7 @@ function SearchFiltersBar({ const [allFeeds] = useOnyx(ONYXKEYS.COLLECTION.SHARED_NVP_PRIVATE_DOMAIN_MEMBER, {canBeMissing: true}); const {isAccountLocked, showLockedAccountModal} = useContext(LockedAccountContext); const [searchResultsErrors] = useOnyx(`${ONYXKEYS.COLLECTION.SNAPSHOT}${hash}`, {canBeMissing: true, selector: searchResultsErrorSelector}); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Filter', 'Columns'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Filter', 'Columns']); const taxRates = getAllTaxRates(allPolicies); diff --git a/src/components/Search/SearchPageHeader/SearchPageHeaderInput.tsx b/src/components/Search/SearchPageHeader/SearchPageHeaderInput.tsx index c4f53ee3ca58..07efb0db49b6 100644 --- a/src/components/Search/SearchPageHeader/SearchPageHeaderInput.tsx +++ b/src/components/Search/SearchPageHeader/SearchPageHeaderInput.tsx @@ -57,7 +57,7 @@ function SearchPageHeaderInput({queryJSON, searchRouterListVisible, hideSearchRo const styles = useThemeStyles(); const theme = useTheme(); const {shouldUseNarrowLayout: displayNarrowHeader} = useResponsiveLayout(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['MagnifyingGlass'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['MagnifyingGlass']); const personalDetails = usePersonalDetails(); const [reports] = useOnyx(ONYXKEYS.COLLECTION.REPORT, {canBeMissing: true}); const [policies] = useOnyx(ONYXKEYS.COLLECTION.POLICY, {canBeMissing: false}); diff --git a/src/components/Search/SearchPageHeader/SearchTypeMenuPopover.tsx b/src/components/Search/SearchPageHeader/SearchTypeMenuPopover.tsx index 19f880844007..d9303be5030f 100644 --- a/src/components/Search/SearchPageHeader/SearchTypeMenuPopover.tsx +++ b/src/components/Search/SearchPageHeader/SearchTypeMenuPopover.tsx @@ -18,7 +18,7 @@ function SearchTypeMenuPopover({queryJSON}: SearchTypeMenuNarrowProps) { const buttonRef = useRef(null); const {unmodifiedPaddings} = useSafeAreaPaddings(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Menu'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Menu']); return ( <> diff --git a/src/components/Search/SearchRouter/SearchButton.tsx b/src/components/Search/SearchRouter/SearchButton.tsx index b2f463d3f4e5..bc19d5404a8c 100644 --- a/src/components/Search/SearchRouter/SearchButton.tsx +++ b/src/components/Search/SearchRouter/SearchButton.tsx @@ -25,7 +25,7 @@ function SearchButton({style, shouldUseAutoHitSlop = false}: SearchButtonProps) const {translate} = useLocalize(); const {openSearchRouter} = useSearchRouterContext(); const pressableRef = useRef(null); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['MagnifyingGlass'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['MagnifyingGlass']); return ( diff --git a/src/components/Search/SearchRouter/SearchRouter.tsx b/src/components/Search/SearchRouter/SearchRouter.tsx index 26997c4a49c3..e2c30d1b5864 100644 --- a/src/components/Search/SearchRouter/SearchRouter.tsx +++ b/src/components/Search/SearchRouter/SearchRouter.tsx @@ -110,7 +110,7 @@ function SearchRouter({onRouterClose, shouldHideInputCaret, isSearchRouterDispla const [allFeeds] = useOnyx(ONYXKEYS.COLLECTION.SHARED_NVP_PRIVATE_DOMAIN_MEMBER, {canBeMissing: true}); const {shouldUseNarrowLayout} = useResponsiveLayout(); const listRef = useRef(null); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['MagnifyingGlass'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['MagnifyingGlass']); // The actual input text that the user sees const [textInputValue, , setTextInputValue] = useDebouncedState('', 500); diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx index e86bc2dede0a..f9650de4ae08 100644 --- a/src/components/SearchBar.tsx +++ b/src/components/SearchBar.tsx @@ -24,7 +24,7 @@ function SearchBar({label, style, icon, inputValue, onChangeText, onSubmitEditin const styles = useThemeStyles(); const {shouldUseNarrowLayout} = useResponsiveLayout(); const {translate} = useLocalize(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['MagnifyingGlass'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['MagnifyingGlass']); return ( <> diff --git a/src/components/SelectionList/ListItem/UserSelectionListItem.tsx b/src/components/SelectionList/ListItem/UserSelectionListItem.tsx index 770137c613d1..6dca0c7aa478 100644 --- a/src/components/SelectionList/ListItem/UserSelectionListItem.tsx +++ b/src/components/SelectionList/ListItem/UserSelectionListItem.tsx @@ -37,7 +37,7 @@ function UserSelectionListItem({ const theme = useTheme(); const StyleUtils = useStyleUtils(); const currentUserPersonalDetails = useCurrentUserPersonalDetails(); - const icons = useMemoizedLazyExpensifyIcons(['Checkmark'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Checkmark']); const {formatPhoneNumber} = useLocalize(); const handleCheckboxPress = useCallback(() => { diff --git a/src/components/SelectionListWithSections/Search/ActionCell.tsx b/src/components/SelectionListWithSections/Search/ActionCell.tsx index b7e59148d801..6422b4d191d7 100644 --- a/src/components/SelectionListWithSections/Search/ActionCell.tsx +++ b/src/components/SelectionListWithSections/Search/ActionCell.tsx @@ -72,7 +72,7 @@ function ActionCell({ const styles = useThemeStyles(); const StyleUtils = useStyleUtils(); const {isOffline} = useNetwork(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Checkmark', 'Checkbox'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Checkmark', 'Checkbox']); const [iouReport, transactions] = useReportWithTransactionsAndViolations(reportID); const policy = usePolicy(policyID); const [chatReport] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT}${iouReport?.chatReportID}`, {canBeMissing: true}); diff --git a/src/components/SelectionListWithSections/Search/ExpenseReportListItem.tsx b/src/components/SelectionListWithSections/Search/ExpenseReportListItem.tsx index c599ac5c400b..c1dd8cafd985 100644 --- a/src/components/SelectionListWithSections/Search/ExpenseReportListItem.tsx +++ b/src/components/SelectionListWithSections/Search/ExpenseReportListItem.tsx @@ -43,7 +43,7 @@ function ExpenseReportListItem({ const [lastPaymentMethod] = useOnyx(ONYXKEYS.NVP_LAST_PAYMENT_METHOD, {canBeMissing: true}); const [snapshot] = useOnyx(`${ONYXKEYS.COLLECTION.SNAPSHOT}${currentSearchHash}`, {canBeMissing: true}); const [isActionLoading] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT_METADATA}${reportItem.reportID}`, {canBeMissing: true, selector: isActionLoadingSelector}); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['DotIndicator'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['DotIndicator']); const snapshotData = snapshot?.data; diff --git a/src/components/SelectionListWithSections/Search/ExpenseReportListItemRow.tsx b/src/components/SelectionListWithSections/Search/ExpenseReportListItemRow.tsx index 02e91d487f53..53547f29416e 100644 --- a/src/components/SelectionListWithSections/Search/ExpenseReportListItemRow.tsx +++ b/src/components/SelectionListWithSections/Search/ExpenseReportListItemRow.tsx @@ -60,7 +60,7 @@ function ExpenseReportListItemRow({ const styles = useThemeStyles(); const theme = useTheme(); const {isLargeScreenWidth, shouldUseNarrowLayout} = useResponsiveLayout(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['ArrowRight'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['ArrowRight']); const {total, currency} = useMemo(() => { let reportTotal = item.total ?? 0; diff --git a/src/components/SelectionListWithSections/Search/UserSelectionListItem.tsx b/src/components/SelectionListWithSections/Search/UserSelectionListItem.tsx index 1c65cc63916b..ae72ca2592fd 100644 --- a/src/components/SelectionListWithSections/Search/UserSelectionListItem.tsx +++ b/src/components/SelectionListWithSections/Search/UserSelectionListItem.tsx @@ -37,7 +37,7 @@ function UserSelectionListItem({ const theme = useTheme(); const StyleUtils = useStyleUtils(); const currentUserPersonalDetails = useCurrentUserPersonalDetails(); - const icons = useMemoizedLazyExpensifyIcons(['Checkmark'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Checkmark']); const {formatPhoneNumber} = useLocalize(); const handleCheckboxPress = useCallback(() => { diff --git a/src/components/SelectionListWithSections/Search/WithdrawalIDListItemHeader.tsx b/src/components/SelectionListWithSections/Search/WithdrawalIDListItemHeader.tsx index b8a3093f91ab..5470fc3ebf76 100644 --- a/src/components/SelectionListWithSections/Search/WithdrawalIDListItemHeader.tsx +++ b/src/components/SelectionListWithSections/Search/WithdrawalIDListItemHeader.tsx @@ -62,7 +62,7 @@ function WithdrawalIDListItemHeader({ const styles = useThemeStyles(); const {translate} = useLocalize(); const {environmentURL} = useEnvironment(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['DownArrow', 'UpArrow', 'DotIndicator'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['DownArrow', 'UpArrow', 'DotIndicator']); const {icon, iconSize, iconStyles} = getBankIcon({bankName: withdrawalIDItem.bankName, styles}); const formattedBankName = CONST.BANK_NAMES_USER_FRIENDLY[withdrawalIDItem.bankName] ?? CONST.BANK_NAMES_USER_FRIENDLY[CONST.BANK_NAMES.GENERIC_BANK]; diff --git a/src/components/SelectionListWithSections/SearchTableHeader.tsx b/src/components/SelectionListWithSections/SearchTableHeader.tsx index 498137946e8e..023b27487151 100644 --- a/src/components/SelectionListWithSections/SearchTableHeader.tsx +++ b/src/components/SelectionListWithSections/SearchTableHeader.tsx @@ -220,7 +220,7 @@ function SearchTableHeader({ const displayNarrowVersion = isMediumScreenWidth || isSmallScreenWidth; // Only load Profile icon when it's needed for EXPENSE_REPORT type - const icons = useMemoizedLazyExpensifyIcons(type === CONST.SEARCH.DATA_TYPES.EXPENSE_REPORT ? (['Profile'] as const) : ([] as const)); + const icons = useMemoizedLazyExpensifyIcons(type === CONST.SEARCH.DATA_TYPES.EXPENSE_REPORT ? ['Profile'] : []); const shouldShowColumn = useCallback( (columnName: SortableColumnName) => { diff --git a/src/components/SelectionListWithSections/SplitListItem.tsx b/src/components/SelectionListWithSections/SplitListItem.tsx index a138ca5ddd71..7ba997edea82 100644 --- a/src/components/SelectionListWithSections/SplitListItem.tsx +++ b/src/components/SelectionListWithSections/SplitListItem.tsx @@ -32,7 +32,7 @@ function SplitListItem({ onInputFocus, onInputBlur, }: SplitListItemProps) { - const icons = useMemoizedLazyExpensifyIcons(['Folder', 'Tag'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Folder', 'Tag']); const theme = useTheme(); const styles = useThemeStyles(); const {didScreenTransitionEnd} = useScreenWrapperTransitionStatus(); diff --git a/src/components/SettlementButton/AnimatedSettlementButton.tsx b/src/components/SettlementButton/AnimatedSettlementButton.tsx index 00abdba196d9..0c2822a6522c 100644 --- a/src/components/SettlementButton/AnimatedSettlementButton.tsx +++ b/src/components/SettlementButton/AnimatedSettlementButton.tsx @@ -30,7 +30,7 @@ function AnimatedSettlementButton({ }: AnimatedSettlementButtonProps) { const styles = useThemeStyles(); const {translate} = useLocalize(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['ThumbsUp', 'Checkmark'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['ThumbsUp', 'Checkmark']); const isAnimationRunning = isPaidAnimationRunning || isApprovedAnimationRunning; const buttonDuration = isPaidAnimationRunning ? CONST.ANIMATION_PAID_DURATION : CONST.ANIMATION_THUMBS_UP_DURATION; const buttonDelay = CONST.ANIMATION_PAID_BUTTON_HIDE_DELAY; diff --git a/src/components/SettlementButton/index.tsx b/src/components/SettlementButton/index.tsx index 869461d4bcbd..ddb7d0f43f73 100644 --- a/src/components/SettlementButton/index.tsx +++ b/src/components/SettlementButton/index.tsx @@ -95,7 +95,7 @@ function SettlementButton({ shouldUseShortForm = false, hasOnlyHeldExpenses = false, }: SettlementButtonProps) { - const icons = useMemoizedLazyExpensifyIcons(['Building', 'User', 'ThumbsUp'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Building', 'User', 'ThumbsUp']); const styles = useThemeStyles(); const {translate, localeCompare} = useLocalize(); const {isOffline} = useNetwork(); diff --git a/src/components/SignInButtons/IconButton.tsx b/src/components/SignInButtons/IconButton.tsx index 796d86905a63..255da49452e3 100644 --- a/src/components/SignInButtons/IconButton.tsx +++ b/src/components/SignInButtons/IconButton.tsx @@ -17,7 +17,7 @@ type IconButtonProps = { function IconButton({onPress = () => {}, provider}: IconButtonProps) { const {translate} = useLocalize(); const styles = useThemeStyles(); - const icons = useMemoizedLazyExpensifyIcons(['AppleLogo', 'GoogleLogo'] as const); + const icons = useMemoizedLazyExpensifyIcons(['AppleLogo', 'GoogleLogo']); const providerData = useMemo( () => diff --git a/src/components/SubStepForms/RegistrationNumberStep.tsx b/src/components/SubStepForms/RegistrationNumberStep.tsx index 59fed275ca4f..254384991d22 100644 --- a/src/components/SubStepForms/RegistrationNumberStep.tsx +++ b/src/components/SubStepForms/RegistrationNumberStep.tsx @@ -51,7 +51,7 @@ function RegistrationNumberStep({ const {translate} = useLocalize(); const styles = useThemeStyles(); const theme = useTheme(); - const icons = useMemoizedLazyExpensifyIcons(['QuestionMark'] as const); + const icons = useMemoizedLazyExpensifyIcons(['QuestionMark']); const internalInputRef = useRef(null); useDelayedAutoFocus(internalInputRef, shouldDelayAutoFocus); diff --git a/src/components/Switch.tsx b/src/components/Switch.tsx index ac4ee1b94890..ad4f637aaa09 100644 --- a/src/components/Switch.tsx +++ b/src/components/Switch.tsx @@ -36,7 +36,7 @@ function Switch({isOn, onToggle, accessibilityLabel, disabled, showLockIcon, dis const styles = useThemeStyles(); const offsetX = useSharedValue(isOn ? OFFSET_X.ON : OFFSET_X.OFF); const theme = useTheme(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Lock'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Lock']); useEffect(() => { offsetX.set(withTiming(isOn ? OFFSET_X.ON : OFFSET_X.OFF, {duration: 300})); diff --git a/src/components/TabSelector/TabSelector.tsx b/src/components/TabSelector/TabSelector.tsx index 705c24566f7e..975f0e2b9193 100644 --- a/src/components/TabSelector/TabSelector.tsx +++ b/src/components/TabSelector/TabSelector.tsx @@ -91,7 +91,7 @@ function TabSelector({ renderProductTrainingTooltip, equalWidth = false, }: TabSelectorProps) { - const icons = useMemoizedLazyExpensifyIcons(['CalendarSolid', 'UploadAlt', 'User', 'Car', 'Hashtag', 'Map', 'Pencil'] as const); + const icons = useMemoizedLazyExpensifyIcons(['CalendarSolid', 'UploadAlt', 'User', 'Car', 'Hashtag', 'Map', 'Pencil']); const {translate} = useLocalize(); const theme = useTheme(); const styles = useThemeStyles(); diff --git a/src/components/ThreeDotsMenu/index.tsx b/src/components/ThreeDotsMenu/index.tsx index 564b4be7f681..82cd8939ac76 100644 --- a/src/components/ThreeDotsMenu/index.tsx +++ b/src/components/ThreeDotsMenu/index.tsx @@ -54,7 +54,7 @@ function ThreeDotsMenu({ const [position, setPosition] = useState(); const buttonRef = useRef(null); const {translate} = useLocalize(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['ThreeDots'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['ThreeDots']); const isBehindModal = modal?.willAlertModalBecomeVisible && !modal?.isPopover && !shouldOverlay; const {windowWidth, windowHeight} = useWindowDimensions(); const showPopoverMenu = () => { diff --git a/src/components/ThumbnailImage.tsx b/src/components/ThumbnailImage.tsx index 95ecd2ce3f94..5aa16e66a1ab 100644 --- a/src/components/ThumbnailImage.tsx +++ b/src/components/ThumbnailImage.tsx @@ -98,7 +98,7 @@ function ThumbnailImage({ loadingIndicatorStyles, onLoad, }: ThumbnailImageProps) { - const icons = useMemoizedLazyExpensifyIcons(['Gallery', 'OfflineCloud'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Gallery', 'OfflineCloud']); const styles = useThemeStyles(); const theme = useTheme(); const {isOffline} = useNetwork(); diff --git a/src/components/TransactionItemRow/DataCells/CategoryCell.tsx b/src/components/TransactionItemRow/DataCells/CategoryCell.tsx index 6c2162c31521..c383c3f36bd7 100644 --- a/src/components/TransactionItemRow/DataCells/CategoryCell.tsx +++ b/src/components/TransactionItemRow/DataCells/CategoryCell.tsx @@ -7,7 +7,7 @@ import {getDecodedCategoryName, isCategoryMissing} from '@libs/CategoryUtils'; import type TransactionDataCellProps from './TransactionDataCellProps'; function CategoryCell({shouldUseNarrowLayout, shouldShowTooltip, transactionItem}: TransactionDataCellProps) { - const icons = useMemoizedLazyExpensifyIcons(['Folder'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Folder']); const styles = useThemeStyles(); const categoryForDisplay = isCategoryMissing(transactionItem?.category) ? '' : getDecodedCategoryName(transactionItem?.category ?? ''); diff --git a/src/components/TransactionItemRow/DataCells/TagCell.tsx b/src/components/TransactionItemRow/DataCells/TagCell.tsx index 4514a2b7aea8..3b9ab0aa2873 100644 --- a/src/components/TransactionItemRow/DataCells/TagCell.tsx +++ b/src/components/TransactionItemRow/DataCells/TagCell.tsx @@ -7,7 +7,7 @@ import {getTagForDisplay} from '@libs/TransactionUtils'; import type TransactionDataCellProps from './TransactionDataCellProps'; function TagCell({shouldUseNarrowLayout, shouldShowTooltip, transactionItem}: TransactionDataCellProps) { - const icons = useMemoizedLazyExpensifyIcons(['Tag'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Tag']); const styles = useThemeStyles(); return shouldUseNarrowLayout ? ( diff --git a/src/components/ValidateCode/JustSignedInModal.tsx b/src/components/ValidateCode/JustSignedInModal.tsx index a57c6f750572..07de073d9b94 100644 --- a/src/components/ValidateCode/JustSignedInModal.tsx +++ b/src/components/ValidateCode/JustSignedInModal.tsx @@ -19,7 +19,7 @@ function JustSignedInModal({is2FARequired}: JustSignedInModalProps) { const theme = useTheme(); const styles = useThemeStyles(); const {translate} = useLocalize(); - const icons = useMemoizedLazyExpensifyIcons(['ExpensifyWordmark'] as const); + const icons = useMemoizedLazyExpensifyIcons(['ExpensifyWordmark']); return ( diff --git a/src/components/ValidateCode/ValidateCodeModal.tsx b/src/components/ValidateCode/ValidateCodeModal.tsx index a0b7437d83e2..7fda1e560656 100644 --- a/src/components/ValidateCode/ValidateCodeModal.tsx +++ b/src/components/ValidateCode/ValidateCodeModal.tsx @@ -27,7 +27,7 @@ type ValidateCodeModalProps = { function ValidateCodeModal({code, accountID}: ValidateCodeModalProps) { const theme = useTheme(); const styles = useThemeStyles(); - const illustrations = useMemoizedLazyIllustrations(['MagicCode'] as const); + const illustrations = useMemoizedLazyIllustrations(['MagicCode']); const [session] = useOnyx(ONYXKEYS.SESSION, {canBeMissing: true}); const [preferredLocale] = useOnyx(ONYXKEYS.NVP_PREFERRED_LOCALE, {canBeMissing: true}); const signInHere = useCallback(() => signInWithValidateCode(accountID, code, preferredLocale), [accountID, code, preferredLocale]); diff --git a/src/components/VideoPlayer/VideoErrorIndicator.tsx b/src/components/VideoPlayer/VideoErrorIndicator.tsx index 0210466b6450..c3e21f4cb262 100644 --- a/src/components/VideoPlayer/VideoErrorIndicator.tsx +++ b/src/components/VideoPlayer/VideoErrorIndicator.tsx @@ -17,7 +17,7 @@ function VideoErrorIndicator({isPreview = false}: VideoErrorIndicatorProps) { const theme = useTheme(); const styles = useThemeStyles(); const {translate} = useLocalize(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['VideoSlash'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['VideoSlash']); return ( diff --git a/src/components/VideoPlayer/VideoPlayerControls/VolumeButton/index.tsx b/src/components/VideoPlayer/VideoPlayerControls/VolumeButton/index.tsx index 7836247e3bea..34674ec9784d 100644 --- a/src/components/VideoPlayer/VideoPlayerControls/VolumeButton/index.tsx +++ b/src/components/VideoPlayer/VideoPlayerControls/VolumeButton/index.tsx @@ -35,7 +35,7 @@ const getVolumeIcon = (icons: Record<'Mute' | 'VolumeHigh' | 'VolumeLow', IconAs function VolumeButton({style, small = false}: VolumeButtonProps) { const styles = useThemeStyles(); const {translate} = useLocalize(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Mute', 'VolumeHigh', 'VolumeLow'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Mute', 'VolumeHigh', 'VolumeLow']); const {updateVolume, volume, toggleMute} = useVolumeContext(); const [sliderHeight, setSliderHeight] = useState(1); const [volumeIcon, setVolumeIcon] = useState({icon: getVolumeIcon(expensifyIcons, volume.get())}); diff --git a/src/components/VideoPlayerContexts/VideoPopoverMenuContext.tsx b/src/components/VideoPlayerContexts/VideoPopoverMenuContext.tsx index 47216361b931..94f1e552440a 100644 --- a/src/components/VideoPlayerContexts/VideoPopoverMenuContext.tsx +++ b/src/components/VideoPlayerContexts/VideoPopoverMenuContext.tsx @@ -15,7 +15,7 @@ import type {PlaybackSpeed, VideoPopoverMenuContext} from './types'; const Context = React.createContext(null); function VideoPopoverMenuContextProvider({children}: ChildrenProps) { - const icons = useMemoizedLazyExpensifyIcons(['Download', 'Meter'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Download', 'Meter']); const {translate} = useLocalize(); const [source, setSource] = useState(''); const [currentPlaybackSpeed, setCurrentPlaybackSpeed] = useState(CONST.VIDEO_PLAYER.PLAYBACK_SPEEDS[3]); diff --git a/src/components/WorkspaceConfirmationForm.tsx b/src/components/WorkspaceConfirmationForm.tsx index 39e4e88918de..d91e8eec100e 100644 --- a/src/components/WorkspaceConfirmationForm.tsx +++ b/src/components/WorkspaceConfirmationForm.tsx @@ -55,7 +55,7 @@ type WorkspaceConfirmationFormProps = { }; function WorkspaceConfirmationForm({onSubmit, policyOwnerEmail = '', onBackButtonPress = () => Navigation.goBack(), addBottomSafeAreaPadding = true}: WorkspaceConfirmationFormProps) { - const icons = useMemoizedLazyExpensifyIcons(['Camera', 'ImageCropSquareMask'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Camera', 'ImageCropSquareMask']); const styles = useThemeStyles(); const {translate} = useLocalize(); const {inputCallbackRef} = useAutoFocusInput(); diff --git a/src/hooks/useAvatarMenu.ts b/src/hooks/useAvatarMenu.ts index 5a33e6bb7fc8..9664c57ab2f5 100644 --- a/src/hooks/useAvatarMenu.ts +++ b/src/hooks/useAvatarMenu.ts @@ -32,7 +32,7 @@ type UseAvatarMenuParams = { * Custom hook to create avatar menu items */ function useAvatarMenu({shouldHideAvatarEdit, accountID, onImageRemoved, showAvatarCropModal, clearError, source, originalFileName}: UseAvatarMenuParams) { - const icons = useMemoizedLazyExpensifyIcons(['Upload'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Upload']); const {translate} = useLocalize(); const attachmentContext = useContext(AttachmentModalContext); diff --git a/src/hooks/useBulkPayOptions.ts b/src/hooks/useBulkPayOptions.ts index f403e81bf112..38cbe6d1096c 100644 --- a/src/hooks/useBulkPayOptions.ts +++ b/src/hooks/useBulkPayOptions.ts @@ -55,7 +55,7 @@ function useBulkPayOptions({ currency, formattedAmount, }: UseBulkPayOptionProps): UseBulkPayOptionReturnType { - const icons = useMemoizedLazyExpensifyIcons(['Building', 'User'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Building', 'User']); const {translate} = useLocalize(); const styles = useThemeStyles(); const {accountID} = useCurrentUserPersonalDetails(); diff --git a/src/hooks/useEReceipt.tsx b/src/hooks/useEReceipt.tsx index 2229385def0f..306d303bb8c2 100644 --- a/src/hooks/useEReceipt.tsx +++ b/src/hooks/useEReceipt.tsx @@ -20,7 +20,7 @@ const backgroundImages = { export default function useEReceipt(transactionData: Transaction | TransactionListItemType | undefined, fileExtension?: string, isReceiptThumbnail?: boolean) { const StyleUtils = useStyleUtils(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Plane', 'Bed'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Plane', 'Bed']); const colorCode = isReceiptThumbnail ? StyleUtils.getFileExtensionColorCode(fileExtension) : StyleUtils.getEReceiptColorCode(transactionData); const colorStyles = StyleUtils.getEReceiptColorStyles(colorCode); diff --git a/src/hooks/useGetReceiptPartnersIntegrationData.ts b/src/hooks/useGetReceiptPartnersIntegrationData.ts index c4c04f6f8246..e22e97f83b61 100644 --- a/src/hooks/useGetReceiptPartnersIntegrationData.ts +++ b/src/hooks/useGetReceiptPartnersIntegrationData.ts @@ -8,7 +8,7 @@ import usePolicy from './usePolicy'; export default function useGetReceiptPartnersIntegrationData(policyID?: string) { const policy = usePolicy(policyID); const {translate} = useLocalize(); - const icons = useMemoizedLazyExpensifyIcons(['Uber'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Uber']); const uber = policy?.receiptPartners?.uber; const isUberConnected = useIsPolicyConnectedToUberReceiptPartner({policyID}); const shouldShowEnterCredentialsError = !!uber?.error; diff --git a/src/hooks/useLazyAsset.ts b/src/hooks/useLazyAsset.ts index 291a388944bf..87f4a89367b6 100644 --- a/src/hooks/useLazyAsset.ts +++ b/src/hooks/useLazyAsset.ts @@ -98,7 +98,7 @@ function useMemoizedLazyAsset(importFn: () => {default: T} * Hook for loading multiple illustrations at once * Loads the illustrations chunk once and returns an object keyed by illustration names * Uses synchronous access when chunk is cached to avoid flash - * @param names - Array of illustration names (use `as const` for type safety) + * @param names - Array of illustration names * @returns Object with illustration names as keys and IconAsset as values */ function useMemoizedLazyIllustrations(names: TName): Record { @@ -162,7 +162,7 @@ function useMemoizedLazyIllustrations(names: TName): Record { diff --git a/src/hooks/usePaymentOptions.ts b/src/hooks/usePaymentOptions.ts index 26f589aceced..9692a993cdf2 100644 --- a/src/hooks/usePaymentOptions.ts +++ b/src/hooks/usePaymentOptions.ts @@ -61,7 +61,7 @@ function usePaymentOptions({ shouldDisableApproveButton = false, onlyShowPayElsewhere, }: UsePaymentOptionsProps): PaymentOrApproveOption[] { - const icons = useMemoizedLazyExpensifyIcons(['Building', 'User', 'ThumbsUp'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Building', 'User', 'ThumbsUp']); const styles = useThemeStyles(); const {translate} = useLocalize(); const policy = usePolicy(policyID); diff --git a/src/hooks/useSearchTypeMenu.tsx b/src/hooks/useSearchTypeMenu.tsx index c639059f7753..7fee2eae9954 100644 --- a/src/hooks/useSearchTypeMenu.tsx +++ b/src/hooks/useSearchTypeMenu.tsx @@ -49,7 +49,7 @@ export default function useSearchTypeMenu(queryJSON: SearchQueryJSON) { const [workspaceCardFeeds] = useOnyx(ONYXKEYS.COLLECTION.WORKSPACE_CARDS_LIST, {canBeMissing: true}); const [savedSearches] = useOnyx(ONYXKEYS.SAVED_SEARCHES, {canBeMissing: true}); const [currentUserAccountID = -1] = useOnyx(ONYXKEYS.SESSION, {selector: accountIDSelector, canBeMissing: false}); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Bookmark', 'Checkmark', 'Pencil'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Bookmark', 'Checkmark', 'Pencil']); const [isPopoverVisible, setIsPopoverVisible] = useState(false); diff --git a/src/hooks/useSearchTypeMenuSections.ts b/src/hooks/useSearchTypeMenuSections.ts index a28c1c3f8809..d79512545e7d 100644 --- a/src/hooks/useSearchTypeMenuSections.ts +++ b/src/hooks/useSearchTypeMenuSections.ts @@ -45,7 +45,7 @@ const currentUserLoginAndAccountIDSelector = (session: OnyxEntry) => ({ const useSearchTypeMenuSections = () => { const {defaultCardFeed, cardFeedsByPolicy, defaultExpensifyCard} = useCardFeedsForDisplay(); - const icons = useMemoizedLazyExpensifyIcons(['Document', 'Pencil', 'ThumbsUp'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Document', 'Pencil', 'ThumbsUp']); const {isOffline} = useNetwork(); const [allPolicies] = useOnyx(ONYXKEYS.COLLECTION.POLICY, {selector: policiesSelector, canBeMissing: true}); const [currentUserLoginAndAccountID] = useOnyx(ONYXKEYS.SESSION, {selector: currentUserLoginAndAccountIDSelector, canBeMissing: false}); diff --git a/src/hooks/useSelectedTransactionsActions.ts b/src/hooks/useSelectedTransactionsActions.ts index a9762b6fc11d..07583c134375 100644 --- a/src/hooks/useSelectedTransactionsActions.ts +++ b/src/hooks/useSelectedTransactionsActions.ts @@ -70,7 +70,7 @@ function useSelectedTransactionsActions({ const [integrationsExportTemplates] = useOnyx(ONYXKEYS.NVP_INTEGRATION_SERVER_EXPORT_TEMPLATES, {canBeMissing: true}); const [csvExportLayouts] = useOnyx(ONYXKEYS.NVP_CSV_EXPORT_LAYOUTS, {canBeMissing: true}); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Stopwatch', 'Trashcan', 'ArrowRight', 'Table', 'DocumentMerge', 'Export', 'ArrowCollapse', 'ArrowSplit', 'ThumbsDown'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Stopwatch', 'Trashcan', 'ArrowRight', 'Table', 'DocumentMerge', 'Export', 'ArrowCollapse', 'ArrowSplit', 'ThumbsDown']); const {duplicateTransactions, duplicateTransactionViolations} = useDuplicateTransactionsAndViolations(selectedTransactionIDs); const isReportArchived = useReportIsArchived(report?.reportID); const {deleteTransactions} = useDeleteTransactions({report, reportActions, policy}); diff --git a/src/hooks/useWorkspaceList.ts b/src/hooks/useWorkspaceList.ts index 4cf7c9bfdd82..2ac35f8f3c74 100644 --- a/src/hooks/useWorkspaceList.ts +++ b/src/hooks/useWorkspaceList.ts @@ -22,7 +22,7 @@ type UseWorkspaceListParams = { }; function useWorkspaceList({policies, currentUserLogin, selectedPolicyIDs, searchTerm, shouldShowPendingDeletePolicy, localeCompare, additionalFilter}: UseWorkspaceListParams) { - const icons = useMemoizedLazyExpensifyIcons(['FallbackWorkspaceAvatar'] as const); + const icons = useMemoizedLazyExpensifyIcons(['FallbackWorkspaceAvatar']); const usersWorkspaces = useMemo(() => { if (!policies || isEmptyObject(policies)) { return []; diff --git a/src/libs/Navigation/DebugTabNavigator.tsx b/src/libs/Navigation/DebugTabNavigator.tsx index 426d6ef59c89..29031094c992 100644 --- a/src/libs/Navigation/DebugTabNavigator.tsx +++ b/src/libs/Navigation/DebugTabNavigator.tsx @@ -52,7 +52,7 @@ type DebugTabNavigatorProps = { }; function DebugTabNavigator({id, routes}: DebugTabNavigatorProps) { - const icons = useMemoizedLazyExpensifyIcons(['Document', 'Exclamation', 'Info'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Document', 'Exclamation', 'Info']); const styles = useThemeStyles(); const theme = useTheme(); const navigation = useNavigation>>(); diff --git a/src/pages/ChangePolicyEducationalModal.tsx b/src/pages/ChangePolicyEducationalModal.tsx index ce2a638eb375..d5644db2b6aa 100644 --- a/src/pages/ChangePolicyEducationalModal.tsx +++ b/src/pages/ChangePolicyEducationalModal.tsx @@ -15,7 +15,7 @@ function ChangePolicyEducationalModal() { const {translate} = useLocalize(); const styles = useThemeStyles(); const StyleUtils = useStyleUtils(); - const illustrations = useMemoizedLazyIllustrations(['ReceiptFairy'] as const); + const illustrations = useMemoizedLazyIllustrations(['ReceiptFairy']); const onConfirm = useCallback(() => { dismissChangePolicyModal(); diff --git a/src/pages/ConnectionCompletePage.tsx b/src/pages/ConnectionCompletePage.tsx index 9e172037c2d2..57fccafec5a7 100644 --- a/src/pages/ConnectionCompletePage.tsx +++ b/src/pages/ConnectionCompletePage.tsx @@ -14,7 +14,7 @@ function ConnectionCompletePage() { const theme = useTheme(); const styles = useThemeStyles(); const {translate} = useLocalize(); - const icons = useMemoizedLazyExpensifyIcons(['ExpensifyWordmark'] as const); + const icons = useMemoizedLazyExpensifyIcons(['ExpensifyWordmark']); return ( diff --git a/src/pages/EnablePayments/AddBankAccount/SetupMethod.tsx b/src/pages/EnablePayments/AddBankAccount/SetupMethod.tsx index ac050cd20e56..c722d1a8570e 100644 --- a/src/pages/EnablePayments/AddBankAccount/SetupMethod.tsx +++ b/src/pages/EnablePayments/AddBankAccount/SetupMethod.tsx @@ -21,7 +21,7 @@ function SetupMethod() { const styles = useThemeStyles(); const {translate} = useLocalize(); const [isPlaidDisabled] = useOnyx(ONYXKEYS.IS_PLAID_DISABLED, {canBeMissing: true}); - const illustrations = useMemoizedLazyIllustrations(['MoneyWings'] as const); + const illustrations = useMemoizedLazyIllustrations(['MoneyWings']); return ( diff --git a/src/pages/EnablePayments/IdologyQuestions.tsx b/src/pages/EnablePayments/IdologyQuestions.tsx index 2c516a098340..351a4af1e127 100644 --- a/src/pages/EnablePayments/IdologyQuestions.tsx +++ b/src/pages/EnablePayments/IdologyQuestions.tsx @@ -40,7 +40,7 @@ function IdologyQuestions({questions, idNumber}: IdologyQuestionsProps) { const styles = useThemeStyles(); const theme = useTheme(); const {translate} = useLocalize(); - const icons = useMemoizedLazyExpensifyIcons(['QuestionMark'] as const); + const icons = useMemoizedLazyExpensifyIcons(['QuestionMark']); const [currentQuestionIndex, setCurrentQuestionIndex] = useState(0); const [shouldHideSkipAnswer, setShouldHideSkipAnswer] = useState(false); diff --git a/src/pages/EnablePayments/PatriotActLink.tsx b/src/pages/EnablePayments/PatriotActLink.tsx index 1bf8b62c1a01..c0888db59bfe 100644 --- a/src/pages/EnablePayments/PatriotActLink.tsx +++ b/src/pages/EnablePayments/PatriotActLink.tsx @@ -18,7 +18,7 @@ function PatriotActLink({containerStyles}: PatriotActLinkProps) { const styles = useThemeStyles(); const theme = useTheme(); const {translate} = useLocalize(); - const icons = useMemoizedLazyExpensifyIcons(['QuestionMark'] as const); + const icons = useMemoizedLazyExpensifyIcons(['QuestionMark']); return ( diff --git a/src/pages/EnablePayments/TermsPage/LongTermsForm.tsx b/src/pages/EnablePayments/TermsPage/LongTermsForm.tsx index 9db248b09d8a..f2db9499de43 100644 --- a/src/pages/EnablePayments/TermsPage/LongTermsForm.tsx +++ b/src/pages/EnablePayments/TermsPage/LongTermsForm.tsx @@ -12,7 +12,7 @@ import {convertToDisplayString} from '@libs/CurrencyUtils'; import CONST from '@src/CONST'; function LongTermsForm() { - const icons = useMemoizedLazyExpensifyIcons(['Printer'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Printer']); const theme = useTheme(); const styles = useThemeStyles(); const {translate, numberFormat} = useLocalize(); diff --git a/src/pages/EnablePayments/VerifyIdentity/VerifyIdentity.tsx b/src/pages/EnablePayments/VerifyIdentity/VerifyIdentity.tsx index ccd5d747210f..6cca32013256 100644 --- a/src/pages/EnablePayments/VerifyIdentity/VerifyIdentity.tsx +++ b/src/pages/EnablePayments/VerifyIdentity/VerifyIdentity.tsx @@ -27,7 +27,7 @@ const ONFIDO_ERROR_DISPLAY_DURATION = 10000; function VerifyIdentity() { const styles = useThemeStyles(); const {translate} = useLocalize(); - const illustrations = useMemoizedLazyIllustrations(['ToddBehindCloud'] as const); + const illustrations = useMemoizedLazyIllustrations(['ToddBehindCloud']); const [walletOnfidoData] = useOnyx(ONYXKEYS.WALLET_ONFIDO, {canBeMissing: true, initWithStoredValues: false}); const handleOnfidoSuccess = useCallback( diff --git a/src/pages/ErrorPage/GenericErrorPage.tsx b/src/pages/ErrorPage/GenericErrorPage.tsx index cc246babe4ab..3e2c5caed2c7 100644 --- a/src/pages/ErrorPage/GenericErrorPage.tsx +++ b/src/pages/ErrorPage/GenericErrorPage.tsx @@ -26,7 +26,7 @@ function GenericErrorPage({error}: {error?: Error}) { const {translate} = useLocalize(); const isChunkLoadError = error?.name === CONST.CHUNK_LOAD_ERROR || /Loading chunk [\d]+ failed/.test(error?.message ?? ''); const refreshPage = usePageRefresh(); - const icons = useMemoizedLazyExpensifyIcons(['ExpensifyWordmark', 'Bug'] as const); + const icons = useMemoizedLazyExpensifyIcons(['ExpensifyWordmark', 'Bug']); return ( diff --git a/src/pages/ErrorPage/SessionExpiredPage.tsx b/src/pages/ErrorPage/SessionExpiredPage.tsx index adcf65e0d038..dd0d124f1b11 100644 --- a/src/pages/ErrorPage/SessionExpiredPage.tsx +++ b/src/pages/ErrorPage/SessionExpiredPage.tsx @@ -14,8 +14,8 @@ function SessionExpiredPage() { const styles = useThemeStyles(); const {translate} = useLocalize(); const theme = useTheme(); - const icons = useMemoizedLazyExpensifyIcons(['ExpensifyWordmark'] as const); - const illustrations = useMemoizedLazyIllustrations(['RocketBlue'] as const); + const icons = useMemoizedLazyExpensifyIcons(['ExpensifyWordmark']); + const illustrations = useMemoizedLazyIllustrations(['RocketBlue']); return ( diff --git a/src/pages/FlagCommentPage.tsx b/src/pages/FlagCommentPage.tsx index 4a7b56c049c3..e4ef5ea6865a 100644 --- a/src/pages/FlagCommentPage.tsx +++ b/src/pages/FlagCommentPage.tsx @@ -55,7 +55,7 @@ function FlagCommentPage({parentReportAction, route, report, parentReport, repor const {translate} = useLocalize(); const isReportArchived = useReportIsArchived(report?.reportID); let reportID: string | undefined = getReportID(route); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['FlagLevelOne', 'FlagLevelTwo', 'FlagLevelThree'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['FlagLevelOne', 'FlagLevelTwo', 'FlagLevelThree']); // Handle threads if needed if (isChatThread(report) && reportAction?.reportActionID === parentReportAction?.reportActionID) { reportID = parentReport?.reportID; diff --git a/src/pages/NewChatConfirmPage.tsx b/src/pages/NewChatConfirmPage.tsx index dfb820b33830..9fa239cc8632 100644 --- a/src/pages/NewChatConfirmPage.tsx +++ b/src/pages/NewChatConfirmPage.tsx @@ -43,7 +43,7 @@ function NewChatConfirmPage() { const personalData = useCurrentUserPersonalDetails(); const [newGroupDraft, newGroupDraftMetaData] = useOnyx(ONYXKEYS.NEW_GROUP_CHAT_DRAFT, {canBeMissing: true}); const [allPersonalDetails] = useOnyx(ONYXKEYS.PERSONAL_DETAILS_LIST, {canBeMissing: false}); - const icons = useMemoizedLazyExpensifyIcons(['Camera'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Camera']); const selectedOptions = useMemo((): Participant[] => { if (!newGroupDraft?.participants) { diff --git a/src/pages/OnboardingInterestedFeatures/BaseOnboardingInterestedFeatures.tsx b/src/pages/OnboardingInterestedFeatures/BaseOnboardingInterestedFeatures.tsx index be07ba6d3dfc..b85c495850bb 100644 --- a/src/pages/OnboardingInterestedFeatures/BaseOnboardingInterestedFeatures.tsx +++ b/src/pages/OnboardingInterestedFeatures/BaseOnboardingInterestedFeatures.tsx @@ -35,7 +35,7 @@ function BaseOnboardingInterestedFeatures({shouldUseNativeStyles}: BaseOnboardin const styles = useThemeStyles(); const {translate} = useLocalize(); const {onboardingMessages} = useOnboardingMessages(); - const illustrations = useMemoizedLazyIllustrations(['FolderOpen', 'Accounting', 'CompanyCard', 'Workflows', 'InvoiceBlue', 'Rules', 'Car', 'Tag', 'PerDiem', 'HandCard'] as const); + const illustrations = useMemoizedLazyIllustrations(['FolderOpen', 'Accounting', 'CompanyCard', 'Workflows', 'InvoiceBlue', 'Rules', 'Car', 'Tag', 'PerDiem', 'HandCard']); // We need to use isSmallScreenWidth, see navigateAfterOnboarding function comment // eslint-disable-next-line rulesdir/prefer-shouldUseNarrowLayout-instead-of-isSmallScreenWidth diff --git a/src/pages/OnboardingPurpose/BaseOnboardingPurpose.tsx b/src/pages/OnboardingPurpose/BaseOnboardingPurpose.tsx index 3e223002926e..d5dd360d6fee 100644 --- a/src/pages/OnboardingPurpose/BaseOnboardingPurpose.tsx +++ b/src/pages/OnboardingPurpose/BaseOnboardingPurpose.tsx @@ -42,7 +42,7 @@ function getOnboardingChoices(customChoices: OnboardingPurpose[]) { function BaseOnboardingPurpose({shouldUseNativeStyles, shouldEnableMaxHeight, route}: BaseOnboardingPurposeProps) { const styles = useThemeStyles(); const {translate} = useLocalize(); - const illustrations = useMemoizedLazyIllustrations(['Abacus', 'Binoculars', 'ReceiptUpload', 'PiggyBank', 'SplitBill'] as const); + const illustrations = useMemoizedLazyIllustrations(['Abacus', 'Binoculars', 'ReceiptUpload', 'PiggyBank', 'SplitBill']); const menuIcons = useMemo( () => ({ diff --git a/src/pages/OnboardingWorkEmail/BaseOnboardingWorkEmail.tsx b/src/pages/OnboardingWorkEmail/BaseOnboardingWorkEmail.tsx index 191b5b523156..47f6ce9437bf 100644 --- a/src/pages/OnboardingWorkEmail/BaseOnboardingWorkEmail.tsx +++ b/src/pages/OnboardingWorkEmail/BaseOnboardingWorkEmail.tsx @@ -45,7 +45,7 @@ type Item = { function BaseOnboardingWorkEmail({shouldUseNativeStyles}: BaseOnboardingWorkEmailProps) { const styles = useThemeStyles(); const {translate} = useLocalize(); - const illustrations = useMemoizedLazyIllustrations(['EnvelopeReceipt', 'Gears', 'Profile'] as const); + const illustrations = useMemoizedLazyIllustrations(['EnvelopeReceipt', 'Gears', 'Profile']); const [onboardingValues] = useOnyx(ONYXKEYS.NVP_ONBOARDING, {canBeMissing: true}); const [formValue] = useOnyx(ONYXKEYS.FORMS.ONBOARDING_WORK_EMAIL_FORM, {canBeMissing: true}); const workEmail = formValue?.[INPUT_IDS.ONBOARDING_WORK_EMAIL]; diff --git a/src/pages/OnboardingWorkspaceOptional/BaseOnboardingWorkspaceOptional.tsx b/src/pages/OnboardingWorkspaceOptional/BaseOnboardingWorkspaceOptional.tsx index 2cf77a766e1d..343cb8284602 100644 --- a/src/pages/OnboardingWorkspaceOptional/BaseOnboardingWorkspaceOptional.tsx +++ b/src/pages/OnboardingWorkspaceOptional/BaseOnboardingWorkspaceOptional.tsx @@ -50,7 +50,7 @@ function BaseOnboardingWorkspaceOptional({shouldUseNativeStyles}: BaseOnboarding const currentUserPersonalDetails = useCurrentUserPersonalDetails(); const {isBetaEnabled} = usePermissions(); const ICON_SIZE = 48; - const illustrations = useMemoizedLazyIllustrations(['MoneyReceipts', 'Tag', 'ReportReceipt'] as const); + const illustrations = useMemoizedLazyIllustrations(['MoneyReceipts', 'Tag', 'ReportReceipt']); const processedHelperText = `${translate('onboarding.workspace.price')}`; diff --git a/src/pages/ProfilePage.tsx b/src/pages/ProfilePage.tsx index a647c7d434ff..7d52ae2338f9 100755 --- a/src/pages/ProfilePage.tsx +++ b/src/pages/ProfilePage.tsx @@ -74,7 +74,7 @@ function ProfilePage({route}: ProfilePageProps) { const [account] = useOnyx(ONYXKEYS.ACCOUNT, {canBeMissing: true}); const [isDebugModeEnabled = false] = useOnyx(ONYXKEYS.IS_DEBUG_MODE_ENABLED, {canBeMissing: true}); const guideCalendarLink = account?.guideDetails?.calendarLink ?? ''; - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Bug', 'Pencil', 'Phone'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Bug', 'Pencil', 'Phone']); const accountID = Number(route.params?.accountID ?? CONST.DEFAULT_NUMBER_ID); const isCurrentUser = session?.accountID === accountID; const reportKey = useMemo(() => { diff --git a/src/pages/ReferralDetailsPage.tsx b/src/pages/ReferralDetailsPage.tsx index 498d3059c48a..38693b412447 100644 --- a/src/pages/ReferralDetailsPage.tsx +++ b/src/pages/ReferralDetailsPage.tsx @@ -26,10 +26,10 @@ import {showContextMenu} from './home/report/ContextMenu/ReportActionContextMenu type ReferralDetailsPageProps = PlatformStackScreenProps; function ReferralDetailsPage({route}: ReferralDetailsPageProps) { - const icons = useMemoizedLazyExpensifyIcons(['NewWindow', 'QuestionMark'] as const); + const icons = useMemoizedLazyExpensifyIcons(['NewWindow', 'QuestionMark']); const theme = useTheme(); const styles = useThemeStyles(); - const illustrations = useMemoizedLazyIllustrations(['PaymentHands'] as const); + const illustrations = useMemoizedLazyIllustrations(['PaymentHands']); const {translate} = useLocalize(); const [account] = useOnyx(ONYXKEYS.ACCOUNT, {canBeMissing: false}); const popoverAnchor = useRef(null); diff --git a/src/pages/ReimbursementAccount/NonUSD/Finish/index.tsx b/src/pages/ReimbursementAccount/NonUSD/Finish/index.tsx index d65f2eb9e156..03ec9ec5ea03 100644 --- a/src/pages/ReimbursementAccount/NonUSD/Finish/index.tsx +++ b/src/pages/ReimbursementAccount/NonUSD/Finish/index.tsx @@ -22,8 +22,8 @@ function Finish() { const styles = useThemeStyles(); const {translate} = useLocalize(); const {shouldUseNarrowLayout} = useResponsiveLayout(); - const icons = useMemoizedLazyExpensifyIcons(['NewWindow', 'Shield'] as const); - const illustrations = useMemoizedLazyIllustrations(['ConciergeBubble', 'ShieldYellow'] as const); + const icons = useMemoizedLazyExpensifyIcons(['NewWindow', 'Shield']); + const illustrations = useMemoizedLazyIllustrations(['ConciergeBubble', 'ShieldYellow']); const [reimbursementAccount] = useOnyx(ONYXKEYS.REIMBURSEMENT_ACCOUNT, {canBeMissing: true}); const policyID = reimbursementAccount?.achData?.policyID; diff --git a/src/pages/ReimbursementAccount/NonUSD/SignerInfo/HangTight.tsx b/src/pages/ReimbursementAccount/NonUSD/SignerInfo/HangTight.tsx index 73a9348932ef..d421f2c923e9 100644 --- a/src/pages/ReimbursementAccount/NonUSD/SignerInfo/HangTight.tsx +++ b/src/pages/ReimbursementAccount/NonUSD/SignerInfo/HangTight.tsx @@ -28,7 +28,7 @@ function HangTight({policyID, bankAccountID}: HangTightProps) { const {translate} = useLocalize(); const styles = useThemeStyles(); const {paddingBottom: safeAreaInsetPaddingBottom} = useSafeAreaPaddings(); - const icons = useMemoizedLazyExpensifyIcons(['Bell'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Bell']); const [reimbursementAccount] = useOnyx(ONYXKEYS.REIMBURSEMENT_ACCOUNT, {canBeMissing: false}); const signerEmail = reimbursementAccount?.achData?.corpay?.signerEmail; const secondSignerEmail = reimbursementAccount?.achData?.corpay?.secondSignerEmail; diff --git a/src/pages/ReimbursementAccount/USD/ConnectBankAccount/components/FinishChatCard.tsx b/src/pages/ReimbursementAccount/USD/ConnectBankAccount/components/FinishChatCard.tsx index 42655f38f1a8..e2343d93a297 100644 --- a/src/pages/ReimbursementAccount/USD/ConnectBankAccount/components/FinishChatCard.tsx +++ b/src/pages/ReimbursementAccount/USD/ConnectBankAccount/components/FinishChatCard.tsx @@ -34,8 +34,8 @@ function FinishChatCard({requiresTwoFactorAuth, reimbursementAccount, setUSDBank const shouldShowResetModal = reimbursementAccount?.shouldShowResetModal ?? false; const handleNavigateToConciergeChat = () => navigateToConciergeChat(true, undefined, undefined, reimbursementAccount?.achData?.ACHRequestReportActionID); - const icons = useMemoizedLazyExpensifyIcons(['Pencil'] as const); - const illustrations = useMemoizedLazyIllustrations(['ConciergeBubble'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Pencil']); + const illustrations = useMemoizedLazyIllustrations(['ConciergeBubble']); return ( diff --git a/src/pages/ReimbursementAccount/USD/Requestor/PersonalInfo/HelpLinks.tsx b/src/pages/ReimbursementAccount/USD/Requestor/PersonalInfo/HelpLinks.tsx index 3bcc1d0889fc..58a75962bc67 100644 --- a/src/pages/ReimbursementAccount/USD/Requestor/PersonalInfo/HelpLinks.tsx +++ b/src/pages/ReimbursementAccount/USD/Requestor/PersonalInfo/HelpLinks.tsx @@ -19,7 +19,7 @@ function HelpLinks({containerStyles}: HelpLinkProps) { const styles = useThemeStyles(); const theme = useTheme(); const {translate} = useLocalize(); - const icons = useMemoizedLazyExpensifyIcons(['QuestionMark'] as const); + const icons = useMemoizedLazyExpensifyIcons(['QuestionMark']); return ( diff --git a/src/pages/ReportAddApproverPage.tsx b/src/pages/ReportAddApproverPage.tsx index 198b27e5a5f4..4794778d3f5d 100644 --- a/src/pages/ReportAddApproverPage.tsx +++ b/src/pages/ReportAddApproverPage.tsx @@ -39,7 +39,7 @@ function ReportAddApproverPage({report, isLoadingReportData, policy}: ReportAddA const {isBetaEnabled} = usePermissions(); const [transactionViolations] = useOnyx(ONYXKEYS.COLLECTION.TRANSACTION_VIOLATIONS, {canBeMissing: true}); const isASAPSubmitBetaEnabled = isBetaEnabled(CONST.BETAS.ASAP_SUBMIT); - const icons = useMemoizedLazyExpensifyIcons(['FallbackAvatar'] as const); + const icons = useMemoizedLazyExpensifyIcons(['FallbackAvatar']); const currentUserDetails = useCurrentUserPersonalDetails(); const hasViolations = hasViolationsReportUtils(report?.reportID, transactionViolations, currentUserDetails.accountID, currentUserDetails.login ?? ''); diff --git a/src/pages/ReportDetailsPage.tsx b/src/pages/ReportDetailsPage.tsx index 884f5b8c5d43..f17e6cb3a6e0 100644 --- a/src/pages/ReportDetailsPage.tsx +++ b/src/pages/ReportDetailsPage.tsx @@ -155,7 +155,7 @@ function ReportDetailsPage({policy, report, route, reportMetadata}: ReportDetail const {isOffline} = useNetwork(); const {isRestrictedToPreferredPolicy, preferredPolicyID} = usePreferredPolicy(); const styles = useThemeStyles(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Users', 'Gear', 'Send', 'Folder', 'UserPlus', 'Pencil', 'Checkmark', 'Building', 'Exit', 'Bug', 'Camera', 'Trashcan'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Users', 'Gear', 'Send', 'Folder', 'UserPlus', 'Pencil', 'Checkmark', 'Building', 'Exit', 'Bug', 'Camera', 'Trashcan']); const backTo = route.params.backTo; const [parentReport] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT}${report.parentReportID}`, {canBeMissing: true}); diff --git a/src/pages/ReportParticipantDetailsPage.tsx b/src/pages/ReportParticipantDetailsPage.tsx index 8739fcd9fac4..4a7c3b121758 100644 --- a/src/pages/ReportParticipantDetailsPage.tsx +++ b/src/pages/ReportParticipantDetailsPage.tsx @@ -33,7 +33,7 @@ import type {WithReportOrNotFoundProps} from './home/report/withReportOrNotFound type ReportParticipantDetailsPageProps = WithReportOrNotFoundProps & PlatformStackScreenProps; function ReportParticipantDetails({report, route}: ReportParticipantDetailsPageProps) { - const icons = useMemoizedLazyExpensifyIcons(['RemoveMembers', 'Info'] as const); + const icons = useMemoizedLazyExpensifyIcons(['RemoveMembers', 'Info']); const styles = useThemeStyles(); const {formatPhoneNumber, translate} = useLocalize(); const StyleUtils = useStyleUtils(); diff --git a/src/pages/ReportParticipantsPage.tsx b/src/pages/ReportParticipantsPage.tsx index f703f7e22840..7a80b8824c09 100755 --- a/src/pages/ReportParticipantsPage.tsx +++ b/src/pages/ReportParticipantsPage.tsx @@ -64,7 +64,7 @@ type MemberOption = Omit & {accountID: number}; type ReportParticipantsPageProps = WithReportOrNotFoundProps & PlatformStackScreenProps; function ReportParticipantsPage({report, route}: ReportParticipantsPageProps) { const backTo = route.params.backTo; - const icons = useMemoizedLazyExpensifyIcons(['User', 'MakeAdmin', 'RemoveMembers'] as const); + const icons = useMemoizedLazyExpensifyIcons(['User', 'MakeAdmin', 'RemoveMembers']); const [removeMembersConfirmModalVisible, setRemoveMembersConfirmModalVisible] = useState(false); const {translate, formatPhoneNumber, localeCompare} = useLocalize(); const styles = useThemeStyles(); diff --git a/src/pages/RequireTwoFactorAuthenticationPage.tsx b/src/pages/RequireTwoFactorAuthenticationPage.tsx index b9d8c4e13f7a..3e4563f68c0c 100644 --- a/src/pages/RequireTwoFactorAuthenticationPage.tsx +++ b/src/pages/RequireTwoFactorAuthenticationPage.tsx @@ -34,7 +34,7 @@ const is2FARequiredBecauseOfXeroSelector = (email?: string) => { }; function RequireTwoFactorAuthenticationPage() { - const illustrations = useMemoizedLazyIllustrations(['Encryption'] as const); + const illustrations = useMemoizedLazyIllustrations(['Encryption']); const styles = useThemeStyles(); const {translate} = useLocalize(); const [isUserValidated = false] = useOnyx(ONYXKEYS.ACCOUNT, {selector: isUserValidatedSelector, canBeMissing: true}); diff --git a/src/pages/RestrictedAction/Workspace/WorkspaceAdminRestrictedAction.tsx b/src/pages/RestrictedAction/Workspace/WorkspaceAdminRestrictedAction.tsx index 7c95e6e94147..955f550922ae 100644 --- a/src/pages/RestrictedAction/Workspace/WorkspaceAdminRestrictedAction.tsx +++ b/src/pages/RestrictedAction/Workspace/WorkspaceAdminRestrictedAction.tsx @@ -19,7 +19,7 @@ type WorkspaceAdminRestrictedActionProps = { }; function WorkspaceAdminRestrictedAction({policyID}: WorkspaceAdminRestrictedActionProps) { - const illustrations = useMemoizedLazyIllustrations(['LockClosedOrange'] as const); + const illustrations = useMemoizedLazyIllustrations(['LockClosedOrange']); const {translate} = useLocalize(); const policy = usePolicy(policyID); const styles = useThemeStyles(); diff --git a/src/pages/RestrictedAction/Workspace/WorkspaceOwnerRestrictedAction/index.native.tsx b/src/pages/RestrictedAction/Workspace/WorkspaceOwnerRestrictedAction/index.native.tsx index 868e51737fb5..9744a9492f8b 100644 --- a/src/pages/RestrictedAction/Workspace/WorkspaceOwnerRestrictedAction/index.native.tsx +++ b/src/pages/RestrictedAction/Workspace/WorkspaceOwnerRestrictedAction/index.native.tsx @@ -15,10 +15,10 @@ import variables from '@styles/variables'; import ROUTES from '@src/ROUTES'; function WorkspaceOwnerRestrictedAction() { - const illustrations = useMemoizedLazyIllustrations(['LockClosedOrange'] as const); + const illustrations = useMemoizedLazyIllustrations(['LockClosedOrange']); const {translate} = useLocalize(); const styles = useThemeStyles(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Unlock'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Unlock']); const activeRoute = useMemo(() => Navigation.getActiveRoute(), []); const goToSubscription = useCallback(() => { diff --git a/src/pages/RestrictedAction/Workspace/WorkspaceOwnerRestrictedAction/index.tsx b/src/pages/RestrictedAction/Workspace/WorkspaceOwnerRestrictedAction/index.tsx index db9f6b153fd1..099ee1570c56 100644 --- a/src/pages/RestrictedAction/Workspace/WorkspaceOwnerRestrictedAction/index.tsx +++ b/src/pages/RestrictedAction/Workspace/WorkspaceOwnerRestrictedAction/index.tsx @@ -15,10 +15,10 @@ import variables from '@styles/variables'; import ROUTES from '@src/ROUTES'; function WorkspaceOwnerRestrictedAction() { - const illustrations = useMemoizedLazyIllustrations(['LockClosedOrange'] as const); + const illustrations = useMemoizedLazyIllustrations(['LockClosedOrange']); const {translate} = useLocalize(); const styles = useThemeStyles(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Unlock'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Unlock']); const addPaymentCard = () => { Navigation.closeRHPFlow(); diff --git a/src/pages/RestrictedAction/Workspace/WorkspaceUserRestrictedAction.tsx b/src/pages/RestrictedAction/Workspace/WorkspaceUserRestrictedAction.tsx index bf4e2dc50301..5efd0ac38e8d 100644 --- a/src/pages/RestrictedAction/Workspace/WorkspaceUserRestrictedAction.tsx +++ b/src/pages/RestrictedAction/Workspace/WorkspaceUserRestrictedAction.tsx @@ -20,7 +20,7 @@ type WorkspaceUserRestrictedActionProps = { }; function WorkspaceUserRestrictedAction({policyID}: WorkspaceUserRestrictedActionProps) { - const illustrations = useMemoizedLazyIllustrations(['LockClosedOrange'] as const); + const illustrations = useMemoizedLazyIllustrations(['LockClosedOrange']); const {translate} = useLocalize(); const policy = usePolicy(policyID); const styles = useThemeStyles(); diff --git a/src/pages/RoomMemberDetailsPage.tsx b/src/pages/RoomMemberDetailsPage.tsx index 7caf34b14b0b..c9fc5eaba7dd 100644 --- a/src/pages/RoomMemberDetailsPage.tsx +++ b/src/pages/RoomMemberDetailsPage.tsx @@ -33,7 +33,7 @@ import type {WithReportOrNotFoundProps} from './home/report/withReportOrNotFound type RoomMemberDetailsPagePageProps = WithReportOrNotFoundProps & PlatformStackScreenProps; function RoomMemberDetailsPage({report, route}: RoomMemberDetailsPagePageProps) { - const icons = useMemoizedLazyExpensifyIcons(['RemoveMembers', 'Info'] as const); + const icons = useMemoizedLazyExpensifyIcons(['RemoveMembers', 'Info']); const styles = useThemeStyles(); const {formatPhoneNumber, translate} = useLocalize(); const StyleUtils = useStyleUtils(); diff --git a/src/pages/RoomMembersPage.tsx b/src/pages/RoomMembersPage.tsx index ed3315078026..eecd964e68e4 100644 --- a/src/pages/RoomMembersPage.tsx +++ b/src/pages/RoomMembersPage.tsx @@ -53,7 +53,7 @@ type RoomMembersPageProps = WithReportOrNotFoundProps & WithCurrentUserPersonalD function RoomMembersPage({report, policy}: RoomMembersPageProps) { const route = useRoute>(); - const icons = useMemoizedLazyExpensifyIcons(['RemoveMembers'] as const); + const icons = useMemoizedLazyExpensifyIcons(['RemoveMembers']); const styles = useThemeStyles(); const [session] = useOnyx(ONYXKEYS.SESSION, {canBeMissing: false}); const [reportMetadata] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT_METADATA}${report?.reportID}`, {canBeMissing: false}); diff --git a/src/pages/Search/EmptySearchView.tsx b/src/pages/Search/EmptySearchView.tsx index f24503361c1c..0d15f4827acd 100644 --- a/src/pages/Search/EmptySearchView.tsx +++ b/src/pages/Search/EmptySearchView.tsx @@ -152,7 +152,7 @@ function EmptySearchViewContent({ const StyleUtils = useStyleUtils(); const {translate} = useLocalize(); const styles = useThemeStyles(); - const illustrations = useMemoizedLazyIllustrations(['PiggyBank', 'Alert'] as const); + const illustrations = useMemoizedLazyIllustrations(['PiggyBank', 'Alert']); const tripsFeatures: FeatureListItem[] = useMemo( () => [ diff --git a/src/pages/Search/SearchPageWide.tsx b/src/pages/Search/SearchPageWide.tsx index 6b1531ec90dc..e63465d2749f 100644 --- a/src/pages/Search/SearchPageWide.tsx +++ b/src/pages/Search/SearchPageWide.tsx @@ -80,7 +80,7 @@ function SearchPageWide({ return [styles.mtAuto]; }, [shouldShowFooter, styles]); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['SmartScan'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['SmartScan']); const handleOnBackButtonPress = () => Navigation.goBack(ROUTES.SEARCH_ROOT.getRoute({query: buildCannedSearchQuery()})); return ( diff --git a/src/pages/Search/SearchTypeMenu.tsx b/src/pages/Search/SearchTypeMenu.tsx index afdd77471f9c..17e518a855e3 100644 --- a/src/pages/Search/SearchTypeMenu.tsx +++ b/src/pages/Search/SearchTypeMenu.tsx @@ -59,7 +59,7 @@ function SearchTypeMenu({queryJSON}: SearchTypeMenuProps) { CONST.PRODUCT_TRAINING_TOOLTIP_NAMES.RENAME_SAVED_SEARCH, !!typeMenuSections.find((section) => section.translationPath === 'search.savedSearchesMenuItemTitle') && isFocused, ); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Bookmark', 'Pencil'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Bookmark', 'Pencil']); const {showDeleteModal, DeleteConfirmModal} = useDeleteSavedSearch(); const [allPolicies] = useOnyx(ONYXKEYS.COLLECTION.POLICY, {canBeMissing: true}); const personalDetails = usePersonalDetails(); diff --git a/src/pages/ShareCodePage.tsx b/src/pages/ShareCodePage.tsx index fbe45324fbaf..200cfbea1171 100644 --- a/src/pages/ShareCodePage.tsx +++ b/src/pages/ShareCodePage.tsx @@ -69,7 +69,7 @@ function getLogoForWorkspace(report: OnyxEntry, policy?: OnyxEntry { const baseMenuItems = [ diff --git a/src/pages/TeachersUnite/useSaveTheWorldSectionIllustration/index.ts b/src/pages/TeachersUnite/useSaveTheWorldSectionIllustration/index.ts index cbac8be423eb..377a2116a991 100644 --- a/src/pages/TeachersUnite/useSaveTheWorldSectionIllustration/index.ts +++ b/src/pages/TeachersUnite/useSaveTheWorldSectionIllustration/index.ts @@ -3,7 +3,7 @@ import useThemeStyles from '@hooks/useThemeStyles'; import type UseSaveTheWorldSectionIllustration from './types'; const useSaveTheWorldSectionIllustration: UseSaveTheWorldSectionIllustration = () => { - const illustrations = useMemoizedLazyIllustrations(['SaveTheWorldScale'] as const); + const illustrations = useMemoizedLazyIllustrations(['SaveTheWorldScale']); const styles = useThemeStyles(); return { diff --git a/src/pages/TransactionMerge/MergeTransactionsListContent.tsx b/src/pages/TransactionMerge/MergeTransactionsListContent.tsx index cc7ebb5f2205..3adb372d702a 100644 --- a/src/pages/TransactionMerge/MergeTransactionsListContent.tsx +++ b/src/pages/TransactionMerge/MergeTransactionsListContent.tsx @@ -40,7 +40,7 @@ type MergeTransactionsListContentProps = { type MergeTransactionListItemType = Transaction & ListItem; function MergeTransactionsListContent({transactionID, mergeTransaction}: MergeTransactionsListContentProps) { - const illustrations = useMemoizedLazyIllustrations(['EmptyShelves'] as const); + const illustrations = useMemoizedLazyIllustrations(['EmptyShelves']); const {translate, localeCompare} = useLocalize(); const styles = useThemeStyles(); diff --git a/src/pages/TransactionMerge/TransactionMergeReceipts.tsx b/src/pages/TransactionMerge/TransactionMergeReceipts.tsx index 1cc1fc60591f..87a72a2d1dbe 100644 --- a/src/pages/TransactionMerge/TransactionMergeReceipts.tsx +++ b/src/pages/TransactionMerge/TransactionMergeReceipts.tsx @@ -25,7 +25,7 @@ type TransactionMergeReceiptsProps = { function TransactionMergeReceipts({transactions, selectedReceiptID, onSelect}: TransactionMergeReceiptsProps) { const styles = useThemeStyles(); const {translate} = useLocalize(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Zoom'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Zoom']); return ( diff --git a/src/pages/Travel/FlightTripDetails.tsx b/src/pages/Travel/FlightTripDetails.tsx index b3ac9079583a..744cd8f9fce2 100644 --- a/src/pages/Travel/FlightTripDetails.tsx +++ b/src/pages/Travel/FlightTripDetails.tsx @@ -27,7 +27,7 @@ function FlightTripDetails({reservation, prevReservation, personalDetails}: Flig const styles = useThemeStyles(); const theme = useTheme(); const {translate} = useLocalize(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['FallbackAvatar', 'Hourglass'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['FallbackAvatar', 'Hourglass']); const cabinClassMapping: Record = { UNKNOWN_CABIN: translate('travel.flightDetails.cabinClasses.unknown'), diff --git a/src/pages/Travel/ManageTrips.tsx b/src/pages/Travel/ManageTrips.tsx index f5b8d9408a5c..c41c3e4d2a19 100644 --- a/src/pages/Travel/ManageTrips.tsx +++ b/src/pages/Travel/ManageTrips.tsx @@ -20,7 +20,7 @@ function ManageTrips() { const {shouldUseNarrowLayout} = useResponsiveLayout(); const {translate} = useLocalize(); const [shouldScrollToBottom, setShouldScrollToBottom] = useState(false); - const illustrations = useMemoizedLazyIllustrations(['Alert', 'PiggyBank'] as const); + const illustrations = useMemoizedLazyIllustrations(['Alert', 'PiggyBank']); const tripsFeatures: FeatureListItem[] = useMemo( () => [ diff --git a/src/pages/Travel/TravelTerms.tsx b/src/pages/Travel/TravelTerms.tsx index bc081210f305..0a005d278179 100644 --- a/src/pages/Travel/TravelTerms.tsx +++ b/src/pages/Travel/TravelTerms.tsx @@ -37,7 +37,7 @@ function TravelTerms({route}: TravelTermsPageProps) { const styles = useThemeStyles(); const {translate} = useLocalize(); const StyleUtils = useStyleUtils(); - const illustrations = useMemoizedLazyIllustrations(['RocketDude'] as const); + const illustrations = useMemoizedLazyIllustrations(['RocketDude']); const {isBetaEnabled} = usePermissions(); const isBlockedFromSpotnanaTravel = isBetaEnabled(CONST.BETAS.PREVENT_SPOTNANA_TRAVEL); const [hasAcceptedTravelTerms, setHasAcceptedTravelTerms] = useState(false); diff --git a/src/pages/Travel/TripDetailsPage.tsx b/src/pages/Travel/TripDetailsPage.tsx index d126bbdb67d0..78975e769aa9 100644 --- a/src/pages/Travel/TripDetailsPage.tsx +++ b/src/pages/Travel/TripDetailsPage.tsx @@ -37,7 +37,7 @@ function pickTravelerPersonalDetails(personalDetails: OnyxEntry; function TripDetailsPage({route}: TripDetailsPageProps) { - const icons = useMemoizedLazyExpensifyIcons(['NewWindow', 'Plane', 'Bed', 'CarWithKey', 'Train', 'Luggage', 'Pencil', 'Phone'] as const); + const icons = useMemoizedLazyExpensifyIcons(['NewWindow', 'Plane', 'Bed', 'CarWithKey', 'Train', 'Luggage', 'Pencil', 'Phone']); const theme = useTheme(); const styles = useThemeStyles(); const StyleUtils = useStyleUtils(); diff --git a/src/pages/domain/Admins/DomainAdminsPage.tsx b/src/pages/domain/Admins/DomainAdminsPage.tsx index f3687dda1c8f..76ff9711127d 100644 --- a/src/pages/domain/Admins/DomainAdminsPage.tsx +++ b/src/pages/domain/Admins/DomainAdminsPage.tsx @@ -40,8 +40,8 @@ function DomainAdminsPage({route}: DomainAdminsPageProps) { const {translate, formatPhoneNumber, localeCompare} = useLocalize(); const styles = useThemeStyles(); - const illustrations = useMemoizedLazyIllustrations(['Members'] as const); - const icons = useMemoizedLazyExpensifyIcons(['FallbackAvatar'] as const); + const illustrations = useMemoizedLazyIllustrations(['Members']); + const icons = useMemoizedLazyExpensifyIcons(['FallbackAvatar']); const {shouldUseNarrowLayout} = useResponsiveLayout(); const [adminAccountIDs, domainMetadata] = useOnyx(`${ONYXKEYS.COLLECTION.DOMAIN}${domainAccountID}`, { diff --git a/src/pages/domain/DomainInitialPage.tsx b/src/pages/domain/DomainInitialPage.tsx index 00076d3f4294..f8044d7fe3d6 100644 --- a/src/pages/domain/DomainInitialPage.tsx +++ b/src/pages/domain/DomainInitialPage.tsx @@ -45,7 +45,7 @@ type DomainMenuItem = { type DomainInitialPageProps = PlatformStackScreenProps; function DomainInitialPage({route}: DomainInitialPageProps) { - const icons = useMemoizedLazyExpensifyIcons(['UserLock'] as const); + const icons = useMemoizedLazyExpensifyIcons(['UserLock']); const styles = useThemeStyles(); const waitForNavigate = useWaitForNavigation(); const {singleExecution, isExecuting} = useSingleExecution(); diff --git a/src/pages/domain/DomainSamlPage.tsx b/src/pages/domain/DomainSamlPage.tsx index 79733f1be4f4..00db747a93a7 100644 --- a/src/pages/domain/DomainSamlPage.tsx +++ b/src/pages/domain/DomainSamlPage.tsx @@ -33,7 +33,7 @@ function DomainSamlPage({route}: DomainSamlPageProps) { const styles = useThemeStyles(); const {shouldUseNarrowLayout} = useResponsiveLayout(); const {translate} = useLocalize(); - const illustrations = useMemoizedLazyIllustrations(['LaptopOnDeskWithCoffeeAndKey', 'LockClosed', 'OpenSafe', 'ShieldYellow'] as const); + const illustrations = useMemoizedLazyIllustrations(['LaptopOnDeskWithCoffeeAndKey', 'LockClosed', 'OpenSafe', 'ShieldYellow']); const domainAccountID = route.params?.domainAccountID; const [domain, domainResults] = useOnyx(`${ONYXKEYS.COLLECTION.DOMAIN}${domainAccountID}`, {canBeMissing: true}); diff --git a/src/pages/home/ReportScreen.tsx b/src/pages/home/ReportScreen.tsx index 2cad7de04660..988ff7ad2227 100644 --- a/src/pages/home/ReportScreen.tsx +++ b/src/pages/home/ReportScreen.tsx @@ -152,7 +152,7 @@ function isEmpty(report: OnyxEntry): boolean { function ReportScreen({route, navigation}: ReportScreenProps) { const styles = useThemeStyles(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Lightbulb'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Lightbulb']); const {translate} = useLocalize(); const [allReports] = useOnyx(ONYXKEYS.COLLECTION.REPORT, {canBeMissing: false}); const reportIDFromRoute = getNonEmptyStringOnyxID(route.params?.reportID); diff --git a/src/pages/home/report/RepliesDivider.tsx b/src/pages/home/report/RepliesDivider.tsx index 8ee946ddac15..d7b029ebdaf8 100644 --- a/src/pages/home/report/RepliesDivider.tsx +++ b/src/pages/home/report/RepliesDivider.tsx @@ -15,7 +15,7 @@ type RepliesDividerProps = { }; function RepliesDivider({shouldHideThreadDividerLine}: RepliesDividerProps) { - const icons = useMemoizedLazyExpensifyIcons(['Thread'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Thread']); const styles = useThemeStyles(); const theme = useTheme(); const {translate} = useLocalize(); diff --git a/src/pages/home/report/ReportActionCompose/AttachmentPickerWithMenuItems.tsx b/src/pages/home/report/ReportActionCompose/AttachmentPickerWithMenuItems.tsx index 713005358853..bffca6e2e5ef 100644 --- a/src/pages/home/report/ReportActionCompose/AttachmentPickerWithMenuItems.tsx +++ b/src/pages/home/report/ReportActionCompose/AttachmentPickerWithMenuItems.tsx @@ -137,7 +137,7 @@ function AttachmentPickerWithMenuItems({ raiseIsScrollLikelyLayoutTriggered, shouldDisableAttachmentItem, }: AttachmentPickerWithMenuItemsProps) { - const icons = useMemoizedLazyExpensifyIcons(['Collapse', 'Document', 'Expand', 'Location', 'Paperclip', 'Task'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Collapse', 'Document', 'Expand', 'Location', 'Paperclip', 'Task']); const isFocused = useIsFocused(); const theme = useTheme(); const styles = useThemeStyles(); diff --git a/src/pages/home/report/ReportActionCompose/ReportActionCompose.tsx b/src/pages/home/report/ReportActionCompose/ReportActionCompose.tsx index ddef4f57581d..1bfa445e1c6c 100644 --- a/src/pages/home/report/ReportActionCompose/ReportActionCompose.tsx +++ b/src/pages/home/report/ReportActionCompose/ReportActionCompose.tsx @@ -188,7 +188,7 @@ function ReportActionCompose({ const {hasExceededMaxTaskTitleLength, validateTaskTitleMaxLength, setHasExceededMaxTitleLength} = useHandleExceedMaxTaskTitleLength(); const [exceededMaxLength, setExceededMaxLength] = useState(null); - const icons = useMemoizedLazyExpensifyIcons(['MessageInABottle'] as const); + const icons = useMemoizedLazyExpensifyIcons(['MessageInABottle']); const suggestionsRef = useRef(null); const composerRef = useRef(undefined); diff --git a/src/pages/home/report/ReportActionCompose/SuggestionMention.tsx b/src/pages/home/report/ReportActionCompose/SuggestionMention.tsx index e02b07dfcd2a..c5070a298360 100644 --- a/src/pages/home/report/ReportActionCompose/SuggestionMention.tsx +++ b/src/pages/home/report/ReportActionCompose/SuggestionMention.tsx @@ -81,7 +81,7 @@ function SuggestionMention({ const currentUserPersonalDetails = useCurrentUserPersonalDetails(); const isMentionSuggestionsMenuVisible = !!suggestionValues.suggestedMentions.length && suggestionValues.shouldShowSuggestionMenu; - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Megaphone', 'FallbackAvatar'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Megaphone', 'FallbackAvatar']); const currentReportID = useCurrentReportID(); const currentReport = reports?.[`${ONYXKEYS.COLLECTION.REPORT}${currentReportID?.currentReportID}`]; diff --git a/src/pages/home/report/ReportDetailsExportPage.tsx b/src/pages/home/report/ReportDetailsExportPage.tsx index 9bda82701755..ddfe7c803dfb 100644 --- a/src/pages/home/report/ReportDetailsExportPage.tsx +++ b/src/pages/home/report/ReportDetailsExportPage.tsx @@ -39,7 +39,7 @@ function ReportDetailsExportPage({route}: ReportDetailsExportPageProps) { const [modalStatus, setModalStatus] = useState(null); const styles = useThemeStyles(); const lazyIllustrations = useMemoizedLazyIllustrations(['LaptopWithSecondScreenAndHourglass']); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['XeroSquare', 'QBOSquare', 'NetSuiteSquare', 'IntacctSquare', 'QBDSquare'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['XeroSquare', 'QBOSquare', 'NetSuiteSquare', 'IntacctSquare', 'QBDSquare']); const iconToDisplay = getIntegrationIcon(connectionName, expensifyIcons); const canBeExported = canBeExportedUtil(report); diff --git a/src/pages/home/report/ReportFooter.tsx b/src/pages/home/report/ReportFooter.tsx index a1b571c6561e..a1e49f51e59c 100644 --- a/src/pages/home/report/ReportFooter.tsx +++ b/src/pages/home/report/ReportFooter.tsx @@ -96,7 +96,7 @@ function ReportFooter({ // eslint-disable-next-line rulesdir/prefer-shouldUseNarrowLayout-instead-of-isSmallScreenWidth const {isSmallScreenWidth, shouldUseNarrowLayout} = useResponsiveLayout(); const personalDetail = useCurrentUserPersonalDetails(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Lightbulb'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Lightbulb']); const [shouldShowComposeInput = false] = useOnyx(ONYXKEYS.SHOULD_SHOW_COMPOSE_INPUT, {canBeMissing: true}); const [quickAction] = useOnyx(ONYXKEYS.NVP_QUICK_ACTION_GLOBAL_CREATE, {canBeMissing: true}); diff --git a/src/pages/home/report/SystemChatReportFooterMessage.tsx b/src/pages/home/report/SystemChatReportFooterMessage.tsx index 4880df8ca6f2..225618f6f53f 100644 --- a/src/pages/home/report/SystemChatReportFooterMessage.tsx +++ b/src/pages/home/report/SystemChatReportFooterMessage.tsx @@ -16,7 +16,7 @@ import ROUTES from '@src/ROUTES'; function SystemChatReportFooterMessage() { const {translate} = useLocalize(); const styles = useThemeStyles(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Lightbulb'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Lightbulb']); const {environmentURL} = useEnvironment(); const [currentUserLogin] = useOnyx(ONYXKEYS.SESSION, {selector: emailSelector, canBeMissing: true}); const [choice] = useOnyx(ONYXKEYS.ONBOARDING_PURPOSE_SELECTED, {canBeMissing: true}); diff --git a/src/pages/home/report/ThreadDivider.tsx b/src/pages/home/report/ThreadDivider.tsx index 36abf5a0b0b4..bc0c7c98fa72 100644 --- a/src/pages/home/report/ThreadDivider.tsx +++ b/src/pages/home/report/ThreadDivider.tsx @@ -24,7 +24,7 @@ type ThreadDividerProps = { }; function ThreadDivider({ancestor, isLinkDisabled = false}: ThreadDividerProps) { - const icons = useMemoizedLazyExpensifyIcons(['Thread'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Thread']); const styles = useThemeStyles(); const theme = useTheme(); const {translate} = useLocalize(); diff --git a/src/pages/home/sidebar/FloatingActionButtonAndPopover.tsx b/src/pages/home/sidebar/FloatingActionButtonAndPopover.tsx index f943254af3be..7cda6f7c04a3 100644 --- a/src/pages/home/sidebar/FloatingActionButtonAndPopover.tsx +++ b/src/pages/home/sidebar/FloatingActionButtonAndPopover.tsx @@ -117,7 +117,7 @@ const accountPrimaryLoginSelector = (account: OnyxEntry) => a * FAB that can open or close the menu. */ function FloatingActionButtonAndPopover({onHideCreateMenu, onShowCreateMenu, ref}: FloatingActionButtonAndPopoverProps) { - const icons = useMemoizedLazyExpensifyIcons(['CalendarSolid', 'Document', 'NewWorkspace', 'NewWindow', 'Binoculars', 'Car', 'Location', 'Suitcase', 'Task'] as const); + const icons = useMemoizedLazyExpensifyIcons(['CalendarSolid', 'Document', 'NewWorkspace', 'NewWindow', 'Binoculars', 'Car', 'Location', 'Suitcase', 'Task']); const styles = useThemeStyles(); const theme = useTheme(); const {translate, formatPhoneNumber} = useLocalize(); diff --git a/src/pages/iou/request/MoneyRequestParticipantsSelector.tsx b/src/pages/iou/request/MoneyRequestParticipantsSelector.tsx index 9ff06098d8ce..d29d8eb1e518 100644 --- a/src/pages/iou/request/MoneyRequestParticipantsSelector.tsx +++ b/src/pages/iou/request/MoneyRequestParticipantsSelector.tsx @@ -100,7 +100,7 @@ function MoneyRequestParticipantsSelector({ isCorporateCardTransaction = false, ref, }: MoneyRequestParticipantsSelectorProps) { - const icons = useMemoizedLazyExpensifyIcons(['UserPlus'] as const); + const icons = useMemoizedLazyExpensifyIcons(['UserPlus']); const {translate} = useLocalize(); const styles = useThemeStyles(); const {contactPermissionState, contacts, setContactPermissionState, importAndSaveContacts} = useContactImport(); diff --git a/src/pages/iou/request/step/IOURequestEditReportCommon.tsx b/src/pages/iou/request/step/IOURequestEditReportCommon.tsx index c7117b57ecbd..f995d2285b61 100644 --- a/src/pages/iou/request/step/IOURequestEditReportCommon.tsx +++ b/src/pages/iou/request/step/IOURequestEditReportCommon.tsx @@ -75,7 +75,7 @@ function IOURequestEditReportCommon({ createReport, isPerDiemRequest, }: Props) { - const icons = useMemoizedLazyExpensifyIcons(['Document'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Document']); const {translate, localeCompare} = useLocalize(); const {options} = useOptionsList(); const [outstandingReportsByPolicyID] = useOnyx(ONYXKEYS.DERIVED.OUTSTANDING_REPORTS_BY_POLICY_ID, {canBeMissing: true}); diff --git a/src/pages/iou/request/step/IOURequestStepCategory.tsx b/src/pages/iou/request/step/IOURequestStepCategory.tsx index 8e4f7bb93f05..2eaab58e1734 100644 --- a/src/pages/iou/request/step/IOURequestStepCategory.tsx +++ b/src/pages/iou/request/step/IOURequestStepCategory.tsx @@ -52,7 +52,7 @@ function IOURequestStepCategory({ }: IOURequestStepCategoryProps) { const styles = useThemeStyles(); const {translate} = useLocalize(); - const illustrations = useMemoizedLazyIllustrations(['EmptyStateExpenses'] as const); + const illustrations = useMemoizedLazyIllustrations(['EmptyStateExpenses']); const isUnreportedExpense = isExpenseUnreported(transaction); const {policyForMovingExpenses, policyForMovingExpensesID} = usePolicyForMovingExpenses(); diff --git a/src/pages/iou/request/step/IOURequestStepConfirmation.tsx b/src/pages/iou/request/step/IOURequestStepConfirmation.tsx index e059b66c90a1..40064b331496 100644 --- a/src/pages/iou/request/step/IOURequestStepConfirmation.tsx +++ b/src/pages/iou/request/step/IOURequestStepConfirmation.tsx @@ -166,7 +166,7 @@ function IOURequestStepConfirmation({ const [policyDraft] = useOnyx(`${ONYXKEYS.COLLECTION.POLICY_DRAFTS}${draftPolicyID}`, {canBeMissing: true}); const [policyReal] = useOnyx(`${ONYXKEYS.COLLECTION.POLICY}${realPolicyID}`, {canBeMissing: true}); const [reportDrafts] = useOnyx(ONYXKEYS.COLLECTION.REPORT_DRAFT, {canBeMissing: true}); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['ReplaceReceipt', 'SmartScan'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['ReplaceReceipt', 'SmartScan']); /* * We want to use a report from the transaction if it exists diff --git a/src/pages/iou/request/step/IOURequestStepDestination.tsx b/src/pages/iou/request/step/IOURequestStepDestination.tsx index 7f8d3bbe74d9..e4f032b5578d 100644 --- a/src/pages/iou/request/step/IOURequestStepDestination.tsx +++ b/src/pages/iou/request/step/IOURequestStepDestination.tsx @@ -67,7 +67,7 @@ function IOURequestStepDestination({ const selectedDestination = transaction?.comment?.customUnit?.customUnitRateID; const styles = useThemeStyles(); - const illustrations = useMemoizedLazyIllustrations(['EmptyStateExpenses'] as const); + const illustrations = useMemoizedLazyIllustrations(['EmptyStateExpenses']); const {translate} = useLocalize(); // eslint-disable-next-line rulesdir/no-negated-variables diff --git a/src/pages/iou/request/step/IOURequestStepTag.tsx b/src/pages/iou/request/step/IOURequestStepTag.tsx index 958af7051c0c..69e0296ab387 100644 --- a/src/pages/iou/request/step/IOURequestStepTag.tsx +++ b/src/pages/iou/request/step/IOURequestStepTag.tsx @@ -59,7 +59,7 @@ function IOURequestStepTag({ const isASAPSubmitBetaEnabled = isBetaEnabled(CONST.BETAS.ASAP_SUBMIT); const styles = useThemeStyles(); - const illustrations = useMemoizedLazyIllustrations(['EmptyStateExpenses'] as const); + const illustrations = useMemoizedLazyIllustrations(['EmptyStateExpenses']); const {currentSearchHash} = useSearchContext(); const {translate} = useLocalize(); useRestartOnReceiptFailure(transaction, reportIDFromRoute, iouType, action); diff --git a/src/pages/media/AttachmentModalScreen/routes/TransactionReceiptModalContent.tsx b/src/pages/media/AttachmentModalScreen/routes/TransactionReceiptModalContent.tsx index bd1176e4855c..a4279b2eebcf 100644 --- a/src/pages/media/AttachmentModalScreen/routes/TransactionReceiptModalContent.tsx +++ b/src/pages/media/AttachmentModalScreen/routes/TransactionReceiptModalContent.tsx @@ -27,10 +27,10 @@ import useDownloadAttachment from './hooks/useDownloadAttachment'; function TransactionReceiptModalContent({navigation, route}: AttachmentModalScreenProps) { const {reportID, transactionID, action, iouType: iouTypeParam, readonly: readonlyParam, isFromReviewDuplicates: isFromReviewDuplicatesParam, mergeTransactionID} = route.params; - const icons = useMemoizedLazyExpensifyIcons(['Download'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Download']); const {translate} = useLocalize(); const {isOffline} = useNetwork(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Camera'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Camera']); const [report] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT}${reportID}`, {canBeMissing: true}); const [transactionMain] = useOnyx(`${ONYXKEYS.COLLECTION.TRANSACTION}${transactionID}`, {canBeMissing: true}); diff --git a/src/pages/settings/AboutPage/AboutPage.tsx b/src/pages/settings/AboutPage/AboutPage.tsx index 31ad25f3876f..d0c5cded8c33 100644 --- a/src/pages/settings/AboutPage/AboutPage.tsx +++ b/src/pages/settings/AboutPage/AboutPage.tsx @@ -49,8 +49,8 @@ type MenuItem = { }; function AboutPage() { - const icons = useMemoizedLazyExpensifyIcons(['NewWindow', 'Link', 'Keyboard', 'Eye', 'MoneyBag', 'Bug'] as const); - const illustrations = useMemoizedLazyIllustrations(['PalmTree'] as const); + const icons = useMemoizedLazyExpensifyIcons(['NewWindow', 'Link', 'Keyboard', 'Eye', 'MoneyBag', 'Bug']); + const illustrations = useMemoizedLazyIllustrations(['PalmTree']); const {translate} = useLocalize(); const styles = useThemeStyles(); const popoverAnchor = useRef(null); diff --git a/src/pages/settings/AboutPage/ConsolePage.tsx b/src/pages/settings/AboutPage/ConsolePage.tsx index 18b72d769386..5c6a5e1a454d 100644 --- a/src/pages/settings/AboutPage/ConsolePage.tsx +++ b/src/pages/settings/AboutPage/ConsolePage.tsx @@ -42,7 +42,7 @@ const filterBy = { type FilterBy = (typeof filterBy)[keyof typeof filterBy]; function ConsolePage() { - const icons = useMemoizedLazyExpensifyIcons(['All', 'Download', 'Globe', 'UploadAlt'] as const); + const icons = useMemoizedLazyExpensifyIcons(['All', 'Download', 'Globe', 'UploadAlt']); const [capturedLogs] = useOnyx(ONYXKEYS.LOGS, {canBeMissing: false}); const [shouldStoreLogs] = useOnyx(ONYXKEYS.SHOULD_STORE_LOGS, {canBeMissing: true}); const [input, setInput] = useState(''); diff --git a/src/pages/settings/AboutPage/useAboutSectionIllustration/index.ts b/src/pages/settings/AboutPage/useAboutSectionIllustration/index.ts index 4ea7010cde01..4456cd8127e6 100644 --- a/src/pages/settings/AboutPage/useAboutSectionIllustration/index.ts +++ b/src/pages/settings/AboutPage/useAboutSectionIllustration/index.ts @@ -3,7 +3,7 @@ import useThemeStyles from '@hooks/useThemeStyles'; import type UseAboutSectionIllustration from './types'; const useAboutSectionIllustration: UseAboutSectionIllustration = () => { - const illustrations = useMemoizedLazyIllustrations(['TiltedCoinExpensify'] as const); + const illustrations = useMemoizedLazyIllustrations(['TiltedCoinExpensify']); const styles = useThemeStyles(); return { diff --git a/src/pages/settings/AppDownloadLinks.tsx b/src/pages/settings/AppDownloadLinks.tsx index af60338b1c3c..82d2f66e0c6e 100644 --- a/src/pages/settings/AppDownloadLinks.tsx +++ b/src/pages/settings/AppDownloadLinks.tsx @@ -25,7 +25,7 @@ type DownloadMenuItem = MenuItemProps & { }; function AppDownloadLinksPage() { - const icons = useMemoizedLazyExpensifyIcons(['Monitor', 'NewWindow'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Monitor', 'NewWindow']); const styles = useThemeStyles(); const {translate} = useLocalize(); const popoverAnchor = useRef(null); diff --git a/src/pages/settings/ExitSurvey/ExitSurveyConfirmPage.tsx b/src/pages/settings/ExitSurvey/ExitSurveyConfirmPage.tsx index c6cfff8ab1c2..2f58f11aa1b1 100644 --- a/src/pages/settings/ExitSurvey/ExitSurveyConfirmPage.tsx +++ b/src/pages/settings/ExitSurvey/ExitSurveyConfirmPage.tsx @@ -35,7 +35,7 @@ function ExitSurveyConfirmPage({route, navigation}: ExitSurveyConfirmPageProps) const {translate} = useLocalize(); const {isOffline} = useNetwork(); const styles = useThemeStyles(); - const illustrations = useMemoizedLazyIllustrations(['MushroomTopHat'] as const); + const illustrations = useMemoizedLazyIllustrations(['MushroomTopHat']); const [tryNewDot] = useOnyx(ONYXKEYS.NVP_TRY_NEW_DOT, {canBeMissing: true}); const [exitSurveyResponse] = useOnyx(ONYXKEYS.FORMS.EXIT_SURVEY_RESPONSE_FORM, { selector: exitResponseSelector, diff --git a/src/pages/settings/ExitSurvey/ExitSurveyOffline.tsx b/src/pages/settings/ExitSurvey/ExitSurveyOffline.tsx index 74ceb13e3a4b..9f8baeceffa5 100644 --- a/src/pages/settings/ExitSurvey/ExitSurveyOffline.tsx +++ b/src/pages/settings/ExitSurvey/ExitSurveyOffline.tsx @@ -10,7 +10,7 @@ import variables from '@styles/variables'; function ExitSurveyOffline() { const {translate} = useLocalize(); const styles = useThemeStyles(); - const illustrations = useMemoizedLazyIllustrations(['ToddBehindCloud'] as const); + const illustrations = useMemoizedLazyIllustrations(['ToddBehindCloud']); return ( ; sectionTranslationKey: TranslationPaths; items: MenuData[]}; function InitialSettingsPage({currentUserPersonalDetails}: InitialSettingsPageProps) { - const icons = useMemoizedLazyExpensifyIcons(['Gear', 'Profile', 'NewWindow', 'Heart', 'Info', 'QuestionMark', 'ExpensifyLogoNew', 'TreasureChest', 'Exit', 'Lightbulb', 'Lock'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Gear', 'Profile', 'NewWindow', 'Heart', 'Info', 'QuestionMark', 'ExpensifyLogoNew', 'TreasureChest', 'Exit', 'Lightbulb', 'Lock']); const [userWallet] = useOnyx(ONYXKEYS.USER_WALLET, {canBeMissing: true}); const [bankAccountList] = useOnyx(ONYXKEYS.BANK_ACCOUNT_LIST, {canBeMissing: true}); const [fundList] = useOnyx(ONYXKEYS.FUND_LIST, {canBeMissing: true}); diff --git a/src/pages/settings/Preferences/PreferencesPage.tsx b/src/pages/settings/Preferences/PreferencesPage.tsx index 2f189d4fb8b6..81b6646f34e5 100755 --- a/src/pages/settings/Preferences/PreferencesPage.tsx +++ b/src/pages/settings/Preferences/PreferencesPage.tsx @@ -28,7 +28,7 @@ import {getEmptyObject} from '@src/types/utils/EmptyObject'; import usePreferencesSectionIllustration from './usePreferencesSectionIllustration'; function PreferencesPage() { - const illustrations = useMemoizedLazyIllustrations(['Gears'] as const); + const illustrations = useMemoizedLazyIllustrations(['Gears']); const preferencesIllustration = usePreferencesSectionIllustration(); const [priorityMode] = useOnyx(ONYXKEYS.NVP_PRIORITY_MODE, {canBeMissing: true}); diff --git a/src/pages/settings/Preferences/usePreferencesSectionIllustration/index.ts b/src/pages/settings/Preferences/usePreferencesSectionIllustration/index.ts index d9b553807fbe..a50584e5f6c6 100644 --- a/src/pages/settings/Preferences/usePreferencesSectionIllustration/index.ts +++ b/src/pages/settings/Preferences/usePreferencesSectionIllustration/index.ts @@ -3,7 +3,7 @@ import useThemeStyles from '@hooks/useThemeStyles'; import type UsePreferencesSectionIllustration from './types'; const usePreferencesSectionIllustration: UsePreferencesSectionIllustration = () => { - const illustrations = useMemoizedLazyIllustrations(['DjBoothReferenceHands'] as const); + const illustrations = useMemoizedLazyIllustrations(['DjBoothReferenceHands']); const styles = useThemeStyles(); return { diff --git a/src/pages/settings/Profile/Avatar/AvatarPage.tsx b/src/pages/settings/Profile/Avatar/AvatarPage.tsx index 5ef1c0ade9c0..b58b7d5648ed 100644 --- a/src/pages/settings/Profile/Avatar/AvatarPage.tsx +++ b/src/pages/settings/Profile/Avatar/AvatarPage.tsx @@ -53,7 +53,7 @@ function ProfileAvatar() { const avatarCaptureRef = useRef(null); const isSavingRef = useRef(false); - const icons = useMemoizedLazyExpensifyIcons(['Upload'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Upload']); const styles = useThemeStyles(); const {translate} = useLocalize(); const [cropImageData, setCropImageData] = useState({...EMPTY_FILE}); diff --git a/src/pages/settings/Security/LockAccount/FailedToLockAccountPage.tsx b/src/pages/settings/Security/LockAccount/FailedToLockAccountPage.tsx index 6f609b2fcd3b..d982baf514f7 100644 --- a/src/pages/settings/Security/LockAccount/FailedToLockAccountPage.tsx +++ b/src/pages/settings/Security/LockAccount/FailedToLockAccountPage.tsx @@ -10,7 +10,7 @@ import Navigation from '@libs/Navigation/Navigation'; import ROUTES from '@src/ROUTES'; function FailedToLockAccountPage() { - const illustrations = useMemoizedLazyIllustrations(['LockOpen'] as const); + const illustrations = useMemoizedLazyIllustrations(['LockOpen']); const {translate} = useLocalize(); const styles = useThemeStyles(); diff --git a/src/pages/settings/Security/LockAccount/UnlockAccountPage.tsx b/src/pages/settings/Security/LockAccount/UnlockAccountPage.tsx index d871a9b514ce..af6f738bffff 100644 --- a/src/pages/settings/Security/LockAccount/UnlockAccountPage.tsx +++ b/src/pages/settings/Security/LockAccount/UnlockAccountPage.tsx @@ -13,7 +13,7 @@ import ROUTES from '@src/ROUTES'; function UnlockAccountPage() { const {translate} = useLocalize(); const styles = useThemeStyles(); - const icons = useMemoizedLazyExpensifyIcons(['EmptyStateSpyPigeon'] as const); + const icons = useMemoizedLazyExpensifyIcons(['EmptyStateSpyPigeon']); return ( { - const illustrations = useMemoizedLazyIllustrations(['Safe'] as const); + const illustrations = useMemoizedLazyIllustrations(['Safe']); const styles = useThemeStyles(); return { diff --git a/src/pages/settings/Subscription/CardSection/BillingBanner/BillingBanner.tsx b/src/pages/settings/Subscription/CardSection/BillingBanner/BillingBanner.tsx index 59946119cd6e..b948fa4d3bfd 100644 --- a/src/pages/settings/Subscription/CardSection/BillingBanner/BillingBanner.tsx +++ b/src/pages/settings/Subscription/CardSection/BillingBanner/BillingBanner.tsx @@ -64,7 +64,7 @@ function BillingBanner({ const styles = useThemeStyles(); const theme = useTheme(); const {shouldUseNarrowLayout} = useResponsiveLayout(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['DotIndicator'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['DotIndicator']); const rightIconComponent = useMemo(() => { if (rightIcon) { diff --git a/src/pages/settings/Subscription/CardSection/BillingBanner/EarlyDiscountBanner.tsx b/src/pages/settings/Subscription/CardSection/BillingBanner/EarlyDiscountBanner.tsx index dddfb017158c..7eb4fdc95815 100644 --- a/src/pages/settings/Subscription/CardSection/BillingBanner/EarlyDiscountBanner.tsx +++ b/src/pages/settings/Subscription/CardSection/BillingBanner/EarlyDiscountBanner.tsx @@ -39,7 +39,7 @@ function EarlyDiscountBanner({isSubscriptionPage, onboardingHelpDropdownButton, const styles = useThemeStyles(); const StyleUtils = useStyleUtils(); const {translate} = useLocalize(); - const illustrations = useMemoizedLazyIllustrations(['TreasureChest'] as const); + const illustrations = useMemoizedLazyIllustrations(['TreasureChest']); const [firstDayFreeTrial] = useOnyx(ONYXKEYS.NVP_FIRST_DAY_FREE_TRIAL, {canBeMissing: true}); const [lastDayFreeTrial] = useOnyx(ONYXKEYS.NVP_LAST_DAY_FREE_TRIAL, {canBeMissing: true}); diff --git a/src/pages/settings/Subscription/CardSection/BillingBanner/PreTrialBillingBanner.tsx b/src/pages/settings/Subscription/CardSection/BillingBanner/PreTrialBillingBanner.tsx index cc3df9ed062f..6ea1c30f9d7a 100644 --- a/src/pages/settings/Subscription/CardSection/BillingBanner/PreTrialBillingBanner.tsx +++ b/src/pages/settings/Subscription/CardSection/BillingBanner/PreTrialBillingBanner.tsx @@ -13,7 +13,7 @@ import BillingBanner from './BillingBanner'; function PreTrialBillingBanner() { const {translate} = useLocalize(); const styles = useThemeStyles(); - const illustrations = useMemoizedLazyIllustrations(['TreasureChest'] as const); + const illustrations = useMemoizedLazyIllustrations(['TreasureChest']); const navigateToChat = () => { const reportUsedForOnboarding = getChatUsedForOnboarding(); diff --git a/src/pages/settings/Subscription/CardSection/BillingBanner/SubscriptionBillingBanner.tsx b/src/pages/settings/Subscription/CardSection/BillingBanner/SubscriptionBillingBanner.tsx index 5eb56e9424e3..16009f8df35d 100644 --- a/src/pages/settings/Subscription/CardSection/BillingBanner/SubscriptionBillingBanner.tsx +++ b/src/pages/settings/Subscription/CardSection/BillingBanner/SubscriptionBillingBanner.tsx @@ -17,7 +17,7 @@ type SubscriptionBillingBannerProps = Omit { return ( diff --git a/src/pages/settings/Subscription/SubscriptionSettings/index.native.tsx b/src/pages/settings/Subscription/SubscriptionSettings/index.native.tsx index 808c333b9f5a..0562b581da1c 100644 --- a/src/pages/settings/Subscription/SubscriptionSettings/index.native.tsx +++ b/src/pages/settings/Subscription/SubscriptionSettings/index.native.tsx @@ -41,7 +41,7 @@ function SubscriptionSettings() { const isAnnual = privateSubscription?.type === CONST.SUBSCRIPTION.TYPE.ANNUAL; const hasTeam2025Pricing = useHasTeam2025Pricing(); const subscriptionPrice = getSubscriptionPrice(subscriptionPlan, preferredCurrency, privateSubscription?.type, hasTeam2025Pricing); - const illustrations = useMemoizedLazyIllustrations(['SubscriptionAnnual', 'SubscriptionPPU'] as const); + const illustrations = useMemoizedLazyIllustrations(['SubscriptionAnnual', 'SubscriptionPPU']); const priceDetails = translate(`subscription.yourPlan.${subscriptionPlan === CONST.POLICY.TYPE.CORPORATE ? 'control' : 'collect'}.${isAnnual ? 'priceAnnual' : 'pricePayPerUse'}`, { lower: convertToShortDisplayString(subscriptionPrice, preferredCurrency), upper: convertToShortDisplayString(subscriptionPrice * CONST.SUBSCRIPTION_PRICE_FACTOR, preferredCurrency), diff --git a/src/pages/settings/Subscription/SubscriptionSettings/index.tsx b/src/pages/settings/Subscription/SubscriptionSettings/index.tsx index 9b8e9714861c..2334c363aab3 100644 --- a/src/pages/settings/Subscription/SubscriptionSettings/index.tsx +++ b/src/pages/settings/Subscription/SubscriptionSettings/index.tsx @@ -84,7 +84,7 @@ function SubscriptionSettings() { } Navigation.navigate(ROUTES.SETTINGS_SUBSCRIPTION_SIZE.getRoute(1)); }; - const illustrations = useMemoizedLazyIllustrations(['SubscriptionAnnual', 'SubscriptionPPU'] as const); + const illustrations = useMemoizedLazyIllustrations(['SubscriptionAnnual', 'SubscriptionPPU']); const options: Array> = [ { diff --git a/src/pages/settings/Subscription/SubscriptionSettingsPage.tsx b/src/pages/settings/Subscription/SubscriptionSettingsPage.tsx index 03808e1b51ea..6884abb23d12 100644 --- a/src/pages/settings/Subscription/SubscriptionSettingsPage.tsx +++ b/src/pages/settings/Subscription/SubscriptionSettingsPage.tsx @@ -27,7 +27,7 @@ function SubscriptionSettingsPage({route}: SubscriptionSettingsPageProps) { const {translate} = useLocalize(); const styles = useThemeStyles(); const subscriptionPlan = useSubscriptionPlan(); - const illustrations = useMemoizedLazyIllustrations(['CreditCardsNew'] as const); + const illustrations = useMemoizedLazyIllustrations(['CreditCardsNew']); useEffect(() => { openSubscriptionPage(); }, []); diff --git a/src/pages/settings/Troubleshoot/TroubleshootPage.tsx b/src/pages/settings/Troubleshoot/TroubleshootPage.tsx index 7b4a257a7a39..0e987ac5e6d3 100644 --- a/src/pages/settings/Troubleshoot/TroubleshootPage.tsx +++ b/src/pages/settings/Troubleshoot/TroubleshootPage.tsx @@ -47,8 +47,8 @@ type BaseMenuItem = { }; function TroubleshootPage() { - const icons = useMemoizedLazyExpensifyIcons(['Download', 'ExpensifyLogoNew', 'Bug', 'RotateLeft'] as const); - const illustrations = useMemoizedLazyIllustrations(['Lightbulb'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Download', 'ExpensifyLogoNew', 'Bug', 'RotateLeft']); + const illustrations = useMemoizedLazyIllustrations(['Lightbulb']); const troubleshootIllustration = useTroubleshootSectionIllustration(); const {translate} = useLocalize(); const styles = useThemeStyles(); diff --git a/src/pages/settings/Troubleshoot/useTroubleshootSectionIllustration/index.ts b/src/pages/settings/Troubleshoot/useTroubleshootSectionIllustration/index.ts index 9faf93d0d0ed..e05cd68f3cbc 100644 --- a/src/pages/settings/Troubleshoot/useTroubleshootSectionIllustration/index.ts +++ b/src/pages/settings/Troubleshoot/useTroubleshootSectionIllustration/index.ts @@ -3,7 +3,7 @@ import useThemeStyles from '@hooks/useThemeStyles'; import type UseTroubleshootSectionIllustration from './types'; const useTroubleshootSectionIllustration: UseTroubleshootSectionIllustration = () => { - const illustrations = useMemoizedLazyIllustrations(['WorkspaceScene'] as const); + const illustrations = useMemoizedLazyIllustrations(['WorkspaceScene']); const styles = useThemeStyles(); return { diff --git a/src/pages/settings/Wallet/ExpensifyCardPage/index.tsx b/src/pages/settings/Wallet/ExpensifyCardPage/index.tsx index 42e86fba0ef6..ade956589fb5 100644 --- a/src/pages/settings/Wallet/ExpensifyCardPage/index.tsx +++ b/src/pages/settings/Wallet/ExpensifyCardPage/index.tsx @@ -95,7 +95,7 @@ function ExpensifyCardPage({route}: ExpensifyCardPageProps) { const expensifyCardTitle = isTravelCard ? translate('cardPage.expensifyTravelCard') : translate('cardPage.expensifyCard'); const pageTitle = shouldDisplayCardDomain ? expensifyCardTitle : (cardList?.[cardID]?.nameValuePairs?.cardTitle ?? expensifyCardTitle); const {displayName} = useCurrentUserPersonalDetails(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Flag', 'MoneySearch'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Flag', 'MoneySearch']); const [isNotFound, setIsNotFound] = useState(false); const cardsToShow = useMemo(() => { diff --git a/src/pages/settings/Wallet/PaymentMethodList.tsx b/src/pages/settings/Wallet/PaymentMethodList.tsx index bf74d76891a9..46ee8572a77b 100644 --- a/src/pages/settings/Wallet/PaymentMethodList.tsx +++ b/src/pages/settings/Wallet/PaymentMethodList.tsx @@ -162,7 +162,7 @@ function PaymentMethodList({ const styles = useThemeStyles(); const {translate} = useLocalize(); const {isOffline} = useNetwork(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['ThreeDots'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['ThreeDots']); const illustrations = useThemeIllustrations(); const companyCardFeedIcons = useCompanyCardFeedIcons(); diff --git a/src/pages/settings/Wallet/PaymentMethodListItem.tsx b/src/pages/settings/Wallet/PaymentMethodListItem.tsx index 7beeff027b3e..192dde6ecd05 100644 --- a/src/pages/settings/Wallet/PaymentMethodListItem.tsx +++ b/src/pages/settings/Wallet/PaymentMethodListItem.tsx @@ -88,7 +88,7 @@ function isAccountInSetupState(account: PaymentMethodItem) { } function PaymentMethodListItem({item, shouldShowDefaultBadge, threeDotsMenuItems, listItemStyle}: PaymentMethodListItemProps) { - const icons = useMemoizedLazyExpensifyIcons(['DotIndicator'] as const); + const icons = useMemoizedLazyExpensifyIcons(['DotIndicator']); const styles = useThemeStyles(); const {translate} = useLocalize(); const threeDotsMenuRef = useRef<{hidePopoverMenu: () => void; isPopupMenuVisible: boolean; onThreeDotsPress: () => void}>(null); diff --git a/src/pages/settings/Wallet/ReportVirtualCardFraudConfirmationPage.tsx b/src/pages/settings/Wallet/ReportVirtualCardFraudConfirmationPage.tsx index 9d2e125051d5..2f61444e5e97 100644 --- a/src/pages/settings/Wallet/ReportVirtualCardFraudConfirmationPage.tsx +++ b/src/pages/settings/Wallet/ReportVirtualCardFraudConfirmationPage.tsx @@ -23,7 +23,7 @@ function ReportVirtualCardFraudConfirmationPage({ }: ReportVirtualCardFraudConfirmationPageProps) { const themeStyles = useThemeStyles(); const {translate} = useLocalize(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['MagnifyingGlassSpyMouthClosed'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['MagnifyingGlassSpyMouthClosed']); const close = useCallback(() => { Navigation.navigate(ROUTES.SETTINGS_WALLET_DOMAIN_CARD.getRoute(cardID)); diff --git a/src/pages/settings/Wallet/SuccessReportCardLost.tsx b/src/pages/settings/Wallet/SuccessReportCardLost.tsx index 24fd608435bc..a79ad93bf6cc 100644 --- a/src/pages/settings/Wallet/SuccessReportCardLost.tsx +++ b/src/pages/settings/Wallet/SuccessReportCardLost.tsx @@ -11,7 +11,7 @@ function SuccessReportCardLost({cardID}: {cardID: string}) { const {translate} = useLocalize(); const styles = useThemeStyles(); const StyleUtils = useStyleUtils(); - const illustrations = useMemoizedLazyIllustrations(['CardReplacementSuccess'] as const); + const illustrations = useMemoizedLazyIllustrations(['CardReplacementSuccess']); return ( { - const illustrations = useMemoizedLazyIllustrations(['BigVault'] as const); + const illustrations = useMemoizedLazyIllustrations(['BigVault']); const styles = useThemeStyles(); return { diff --git a/src/pages/signin/SignInPageLayout/Footer.tsx b/src/pages/signin/SignInPageLayout/Footer.tsx index c919a18641a3..9521498ca009 100644 --- a/src/pages/signin/SignInPageLayout/Footer.tsx +++ b/src/pages/signin/SignInPageLayout/Footer.tsx @@ -148,7 +148,7 @@ function Footer({navigateFocus}: FooterProps) { const StyleUtils = useStyleUtils(); const {translate} = useLocalize(); const {shouldUseNarrowLayout, isMediumScreenWidth} = useResponsiveLayout(); - const icons = useMemoizedLazyExpensifyIcons(['ExpensifyFooterLogo', 'ExpensifyFooterLogoVertical'] as const); + const icons = useMemoizedLazyExpensifyIcons(['ExpensifyFooterLogo', 'ExpensifyFooterLogoVertical']); const isVertical = shouldUseNarrowLayout; const imageDirection = isVertical ? styles.flexRow : styles.flexColumn; const imageStyle = isVertical ? styles.pr0 : styles.alignSelfCenter; diff --git a/src/pages/workspace/WorkspaceMembersPage.tsx b/src/pages/workspace/WorkspaceMembersPage.tsx index 2fa06859e7b2..26a0da6ea93c 100644 --- a/src/pages/workspace/WorkspaceMembersPage.tsx +++ b/src/pages/workspace/WorkspaceMembersPage.tsx @@ -90,7 +90,7 @@ type MemberOption = Omit & { }; function WorkspaceMembersPage({personalDetails, route, policy}: WorkspaceMembersPageProps) { - const icons = useMemoizedLazyExpensifyIcons(['Download', 'User', 'UserEye', 'MakeAdmin', 'RemoveMembers', 'Table'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Download', 'User', 'UserEye', 'MakeAdmin', 'RemoveMembers', 'Table']); const policyMemberEmailsToAccountIDs = useMemo(() => getMemberAccountIDsForWorkspace(policy?.employeeList, true), [policy?.employeeList]); const employeeListDetails = useMemo(() => policy?.employeeList ?? ({} as PolicyEmployeeList), [policy?.employeeList]); const currentUserPersonalDetails = useCurrentUserPersonalDetails(); @@ -139,7 +139,7 @@ function WorkspaceMembersPage({personalDetails, route, policy}: WorkspaceMembers const selectionListRef = useRef(null); const isFocused = useIsFocused(); const policyID = route.params.policyID; - const illustrations = useMemoizedLazyIllustrations(['ReceiptWrangler'] as const); + const illustrations = useMemoizedLazyIllustrations(['ReceiptWrangler']); const ownerDetails = personalDetails?.[policy?.ownerAccountID ?? CONST.DEFAULT_NUMBER_ID] ?? ({} as PersonalDetails); const {approvalWorkflows} = useMemo( diff --git a/src/pages/workspace/WorkspaceNewRoomPage.tsx b/src/pages/workspace/WorkspaceNewRoomPage.tsx index 57ceadc85bf1..bfa1380f5f80 100644 --- a/src/pages/workspace/WorkspaceNewRoomPage.tsx +++ b/src/pages/workspace/WorkspaceNewRoomPage.tsx @@ -36,7 +36,7 @@ function EmptyWorkspaceView() { const styles = useThemeStyles(); const {translate} = useLocalize(); const bottomSafeAreaPaddingStyle = useBottomSafeSafeAreaPaddingStyle({addBottomSafeAreaPadding: true, additionalPaddingBottom: styles.mb5.marginBottom, styleProperty: 'marginBottom'}); - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); return ( <> diff --git a/src/pages/workspace/WorkspaceOverviewPage.tsx b/src/pages/workspace/WorkspaceOverviewPage.tsx index c88158969ecd..16f912c4cf5c 100644 --- a/src/pages/workspace/WorkspaceOverviewPage.tsx +++ b/src/pages/workspace/WorkspaceOverviewPage.tsx @@ -71,8 +71,8 @@ function WorkspaceOverviewPage({policyDraft, policy: policyProp, route}: Workspa const {shouldUseNarrowLayout} = useResponsiveLayout(); const currentUserPersonalDetails = useCurrentUserPersonalDetails(); const illustrations = useThemeIllustrations(); - const illustrationIcons = useMemoizedLazyIllustrations(['Building'] as const); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Exit', 'FallbackWorkspaceAvatar', 'ImageCropSquareMask', 'QrCode', 'Transfer', 'Trashcan', 'UserPlus'] as const); + const illustrationIcons = useMemoizedLazyIllustrations(['Building']); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Exit', 'FallbackWorkspaceAvatar', 'ImageCropSquareMask', 'QrCode', 'Transfer', 'Trashcan', 'UserPlus']); const backTo = route.params.backTo; const [currencyList = getEmptyObject()] = useOnyx(ONYXKEYS.CURRENCY_LIST, {canBeMissing: true}); diff --git a/src/pages/workspace/WorkspaceOverviewPlanTypePage.tsx b/src/pages/workspace/WorkspaceOverviewPlanTypePage.tsx index 921edb8f1e4f..e39bd9f6f115 100644 --- a/src/pages/workspace/WorkspaceOverviewPlanTypePage.tsx +++ b/src/pages/workspace/WorkspaceOverviewPlanTypePage.tsx @@ -40,7 +40,7 @@ function WorkspaceOverviewPlanTypePage({policy}: WithPolicyProps) { const theme = useTheme(); const styles = useThemeStyles(); const privateSubscription = usePrivateSubscription(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Lock'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Lock']); useEffect(() => { if (!policyID) { diff --git a/src/pages/workspace/WorkspaceOverviewSharePage.tsx b/src/pages/workspace/WorkspaceOverviewSharePage.tsx index 73973fd5ab9e..10ac94922f23 100644 --- a/src/pages/workspace/WorkspaceOverviewSharePage.tsx +++ b/src/pages/workspace/WorkspaceOverviewSharePage.tsx @@ -32,7 +32,7 @@ import withPolicy from './withPolicy'; import type {WithPolicyProps} from './withPolicy'; function WorkspaceOverviewSharePage({policy}: WithPolicyProps) { - const icons = useMemoizedLazyExpensifyIcons(['Download'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Download']); const styles = useThemeStyles(); const StyleUtils = useStyleUtils(); const {translate} = useLocalize(); diff --git a/src/pages/workspace/WorkspacesListPage.tsx b/src/pages/workspace/WorkspacesListPage.tsx index 7fdad4ff17a9..1e4e63a980fb 100755 --- a/src/pages/workspace/WorkspacesListPage.tsx +++ b/src/pages/workspace/WorkspacesListPage.tsx @@ -121,7 +121,7 @@ function isUserReimburserForPolicy(policies: Record { diff --git a/src/pages/workspace/accounting/AccountingContext.tsx b/src/pages/workspace/accounting/AccountingContext.tsx index 62863d98452c..1a9b44bb122e 100644 --- a/src/pages/workspace/accounting/AccountingContext.tsx +++ b/src/pages/workspace/accounting/AccountingContext.tsx @@ -60,7 +60,7 @@ function AccountingContextProvider({children, policy}: AccountingContextProvider const [activeIntegration, setActiveIntegration] = useState(); const {translate} = useLocalize(); const policyID = policy?.id; - const accountingIcons = useMemoizedLazyExpensifyIcons(['IntacctSquare', 'QBOSquare', 'XeroSquare', 'NetSuiteSquare', 'QBDSquare'] as const); + const accountingIcons = useMemoizedLazyExpensifyIcons(['IntacctSquare', 'QBOSquare', 'XeroSquare', 'NetSuiteSquare', 'QBDSquare']); const startIntegrationFlow = React.useCallback( (newActiveIntegration: ActiveIntegration) => { diff --git a/src/pages/workspace/accounting/PolicyAccountingPage.tsx b/src/pages/workspace/accounting/PolicyAccountingPage.tsx index 822ab81d15f2..890f20a2f35b 100644 --- a/src/pages/workspace/accounting/PolicyAccountingPage.tsx +++ b/src/pages/workspace/accounting/PolicyAccountingPage.tsx @@ -92,9 +92,9 @@ function PolicyAccountingPage({policy}: PolicyAccountingPageProps) { const policyID = policy?.id; const allCardSettings = useExpensifyCardFeeds(policyID); const isSyncInProgress = isConnectionInProgress(connectionSyncProgress, policy); - const icons = useMemoizedLazyExpensifyIcons(['ArrowRight', 'CircularArrowBackwards', 'Gear', 'NewWindow', 'ExpensifyCard', 'Key', 'Sync', 'Trashcan', 'QuestionMark', 'Pencil'] as const); - const accountingIcons = useMemoizedLazyExpensifyIcons(['IntacctSquare', 'QBOSquare', 'XeroSquare', 'NetSuiteSquare', 'QBDSquare'] as const); - const illustrations = useMemoizedLazyIllustrations(['Accounting'] as const); + const icons = useMemoizedLazyExpensifyIcons(['ArrowRight', 'CircularArrowBackwards', 'Gear', 'NewWindow', 'ExpensifyCard', 'Key', 'Sync', 'Trashcan', 'QuestionMark', 'Pencil']); + const accountingIcons = useMemoizedLazyExpensifyIcons(['IntacctSquare', 'QBOSquare', 'XeroSquare', 'NetSuiteSquare', 'QBDSquare']); + const illustrations = useMemoizedLazyIllustrations(['Accounting']); const connectionNames = CONST.POLICY.CONNECTIONS.NAME; const accountingIntegrations = Object.values(connectionNames); diff --git a/src/pages/workspace/accounting/intacct/SageIntacctPrerequisitesPage.tsx b/src/pages/workspace/accounting/intacct/SageIntacctPrerequisitesPage.tsx index 9fbd047a12fe..c850587a6582 100644 --- a/src/pages/workspace/accounting/intacct/SageIntacctPrerequisitesPage.tsx +++ b/src/pages/workspace/accounting/intacct/SageIntacctPrerequisitesPage.tsx @@ -27,8 +27,8 @@ type SageIntacctPrerequisitesPageProps = PlatformStackScreenProps(null); const policyID: string = route.params.policyID; const backTo = route.params.backTo; diff --git a/src/pages/workspace/accounting/intacct/advanced/SageIntacctPaymentAccountPage.tsx b/src/pages/workspace/accounting/intacct/advanced/SageIntacctPaymentAccountPage.tsx index 0d4a8c1862db..1abf6547cee4 100644 --- a/src/pages/workspace/accounting/intacct/advanced/SageIntacctPaymentAccountPage.tsx +++ b/src/pages/workspace/accounting/intacct/advanced/SageIntacctPaymentAccountPage.tsx @@ -24,7 +24,7 @@ function SageIntacctPaymentAccountPage({policy}: WithPolicyConnectionsProps) { const policyID = policy?.id ?? CONST.DEFAULT_NUMBER_ID.toString(); const {config} = policy?.connections?.intacct ?? {}; - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); const vendorSelectorOptions = useMemo(() => getSageIntacctBankAccounts(policy, config?.sync?.reimbursementAccountID), [policy, config?.sync?.reimbursementAccountID]); diff --git a/src/pages/workspace/accounting/intacct/export/SageIntacctDefaultVendorPage.tsx b/src/pages/workspace/accounting/intacct/export/SageIntacctDefaultVendorPage.tsx index ad83a325cb00..69472756ef1f 100644 --- a/src/pages/workspace/accounting/intacct/export/SageIntacctDefaultVendorPage.tsx +++ b/src/pages/workspace/accounting/intacct/export/SageIntacctDefaultVendorPage.tsx @@ -33,7 +33,7 @@ function SageIntacctDefaultVendorPage() { const {config} = policy?.connections?.intacct ?? {}; const {export: exportConfig} = policy?.connections?.intacct?.config ?? {}; const backTo = route.params.backTo; - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); const isReimbursable = route.params.reimbursable === CONST.SAGE_INTACCT_CONFIG.REIMBURSABLE; const goBack = useCallback(() => { diff --git a/src/pages/workspace/accounting/intacct/export/SageIntacctNonReimbursableCreditCardAccountPage.tsx b/src/pages/workspace/accounting/intacct/export/SageIntacctNonReimbursableCreditCardAccountPage.tsx index f41f9f0a13b5..9cd454029dbe 100644 --- a/src/pages/workspace/accounting/intacct/export/SageIntacctNonReimbursableCreditCardAccountPage.tsx +++ b/src/pages/workspace/accounting/intacct/export/SageIntacctNonReimbursableCreditCardAccountPage.tsx @@ -30,7 +30,7 @@ function SageIntacctNonReimbursableCreditCardAccountPage({policy}: WithPolicyCon const {export: exportConfig} = policy?.connections?.intacct?.config ?? {}; const route = useRoute>(); const backTo = route.params.backTo; - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); const goBack = useCallback(() => { Navigation.goBack(backTo ?? (policyID && ROUTES.POLICY_ACCOUNTING_SAGE_INTACCT_NON_REIMBURSABLE_EXPENSES.getRoute(policyID))); diff --git a/src/pages/workspace/accounting/intacct/import/SageIntacctUserDimensionsPage.tsx b/src/pages/workspace/accounting/intacct/import/SageIntacctUserDimensionsPage.tsx index c092a11af0a3..ba28a92a16ab 100644 --- a/src/pages/workspace/accounting/intacct/import/SageIntacctUserDimensionsPage.tsx +++ b/src/pages/workspace/accounting/intacct/import/SageIntacctUserDimensionsPage.tsx @@ -23,7 +23,7 @@ import ROUTES from '@src/ROUTES'; function SageIntacctUserDimensionsPage({policy}: WithPolicyProps) { const styles = useThemeStyles(); const {translate} = useLocalize(); - const illustrations = useMemoizedLazyIllustrations(['FolderWithPapers'] as const); + const illustrations = useMemoizedLazyIllustrations(['FolderWithPapers']); // eslint-disable-next-line rulesdir/no-default-id-values const policyID = policy?.id ?? '-1'; diff --git a/src/pages/workspace/accounting/netsuite/NetSuiteSubsidiarySelector.tsx b/src/pages/workspace/accounting/netsuite/NetSuiteSubsidiarySelector.tsx index 25ceeaad5138..a03d69f791bf 100644 --- a/src/pages/workspace/accounting/netsuite/NetSuiteSubsidiarySelector.tsx +++ b/src/pages/workspace/accounting/netsuite/NetSuiteSubsidiarySelector.tsx @@ -28,7 +28,7 @@ function NetSuiteSubsidiarySelector({policy}: WithPolicyConnectionsProps) { const currentSubsidiaryID = netsuiteConfig?.subsidiaryID ?? CONST.DEFAULT_NUMBER_ID.toString(); const policyID = policy?.id ?? CONST.DEFAULT_NUMBER_ID.toString(); - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); const subsidiaryListSections = subsidiaryList.map((subsidiary: NetSuiteSubsidiary) => ({ diff --git a/src/pages/workspace/accounting/netsuite/advanced/NetSuiteApprovalAccountSelectPage.tsx b/src/pages/workspace/accounting/netsuite/advanced/NetSuiteApprovalAccountSelectPage.tsx index f0ba268315de..89a25b4e6806 100644 --- a/src/pages/workspace/accounting/netsuite/advanced/NetSuiteApprovalAccountSelectPage.tsx +++ b/src/pages/workspace/accounting/netsuite/advanced/NetSuiteApprovalAccountSelectPage.tsx @@ -22,7 +22,7 @@ import ROUTES from '@src/ROUTES'; function NetSuiteApprovalAccountSelectPage({policy}: WithPolicyConnectionsProps) { const styles = useThemeStyles(); const {translate} = useLocalize(); - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); const policyID = policy?.id; diff --git a/src/pages/workspace/accounting/netsuite/advanced/NetSuiteCollectionAccountSelectPage.tsx b/src/pages/workspace/accounting/netsuite/advanced/NetSuiteCollectionAccountSelectPage.tsx index 584bfb4244c8..0e363a036b4f 100644 --- a/src/pages/workspace/accounting/netsuite/advanced/NetSuiteCollectionAccountSelectPage.tsx +++ b/src/pages/workspace/accounting/netsuite/advanced/NetSuiteCollectionAccountSelectPage.tsx @@ -24,7 +24,7 @@ function NetSuiteCollectionAccountSelectPage({policy}: WithPolicyConnectionsProp const {translate} = useLocalize(); const policyID = policy?.id; - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); const config = policy?.connections?.netsuite?.options.config; const netsuiteCollectionAccountOptions = useMemo( diff --git a/src/pages/workspace/accounting/netsuite/advanced/NetSuiteReimbursementAccountSelectPage.tsx b/src/pages/workspace/accounting/netsuite/advanced/NetSuiteReimbursementAccountSelectPage.tsx index 0311c4497bc3..52d57a4979b2 100644 --- a/src/pages/workspace/accounting/netsuite/advanced/NetSuiteReimbursementAccountSelectPage.tsx +++ b/src/pages/workspace/accounting/netsuite/advanced/NetSuiteReimbursementAccountSelectPage.tsx @@ -24,7 +24,7 @@ function NetSuiteReimbursementAccountSelectPage({policy}: WithPolicyConnectionsP const {translate} = useLocalize(); const policyID = policy?.id; - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); const config = policy?.connections?.netsuite?.options.config; const netsuiteReimbursableAccountOptions = useMemo( diff --git a/src/pages/workspace/accounting/netsuite/export/NetSuiteExportExpensesPayableAccountSelectPage.tsx b/src/pages/workspace/accounting/netsuite/export/NetSuiteExportExpensesPayableAccountSelectPage.tsx index 56ccd02bbf91..525b1e627ef0 100644 --- a/src/pages/workspace/accounting/netsuite/export/NetSuiteExportExpensesPayableAccountSelectPage.tsx +++ b/src/pages/workspace/accounting/netsuite/export/NetSuiteExportExpensesPayableAccountSelectPage.tsx @@ -26,7 +26,7 @@ function NetSuiteExportExpensesPayableAccountSelectPage({policy}: WithPolicyConn const {translate} = useLocalize(); const policyID = policy?.id; - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); const route = useRoute>(); const params = route.params; diff --git a/src/pages/workspace/accounting/netsuite/export/NetSuiteExportExpensesVendorSelectPage.tsx b/src/pages/workspace/accounting/netsuite/export/NetSuiteExportExpensesVendorSelectPage.tsx index 96bd90a6761e..6b40e70996d9 100644 --- a/src/pages/workspace/accounting/netsuite/export/NetSuiteExportExpensesVendorSelectPage.tsx +++ b/src/pages/workspace/accounting/netsuite/export/NetSuiteExportExpensesVendorSelectPage.tsx @@ -26,7 +26,7 @@ function NetSuiteExportExpensesVendorSelectPage({policy}: WithPolicyConnectionsP const {translate} = useLocalize(); const policyID = policy?.id; - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); const route = useRoute>(); const params = route.params; diff --git a/src/pages/workspace/accounting/netsuite/export/NetSuiteInvoiceItemSelectPage.tsx b/src/pages/workspace/accounting/netsuite/export/NetSuiteInvoiceItemSelectPage.tsx index 707c3ac8898f..060637ca4034 100644 --- a/src/pages/workspace/accounting/netsuite/export/NetSuiteInvoiceItemSelectPage.tsx +++ b/src/pages/workspace/accounting/netsuite/export/NetSuiteInvoiceItemSelectPage.tsx @@ -20,7 +20,7 @@ import ROUTES from '@src/ROUTES'; function NetSuiteInvoiceItemSelectPage({policy}: WithPolicyConnectionsProps) { const styles = useThemeStyles(); const {translate} = useLocalize(); - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); const policyID = policy?.id; diff --git a/src/pages/workspace/accounting/netsuite/export/NetSuiteProvincialTaxPostingAccountSelectPage.tsx b/src/pages/workspace/accounting/netsuite/export/NetSuiteProvincialTaxPostingAccountSelectPage.tsx index 498a74f56710..5ad1432d488b 100644 --- a/src/pages/workspace/accounting/netsuite/export/NetSuiteProvincialTaxPostingAccountSelectPage.tsx +++ b/src/pages/workspace/accounting/netsuite/export/NetSuiteProvincialTaxPostingAccountSelectPage.tsx @@ -20,7 +20,7 @@ import ROUTES from '@src/ROUTES'; function NetSuiteProvincialTaxPostingAccountSelectPage({policy}: WithPolicyConnectionsProps) { const styles = useThemeStyles(); const {translate} = useLocalize(); - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); const policyID = policy?.id; diff --git a/src/pages/workspace/accounting/netsuite/export/NetSuiteReceivableAccountSelectPage.tsx b/src/pages/workspace/accounting/netsuite/export/NetSuiteReceivableAccountSelectPage.tsx index 927b70a78537..dc4778e874fe 100644 --- a/src/pages/workspace/accounting/netsuite/export/NetSuiteReceivableAccountSelectPage.tsx +++ b/src/pages/workspace/accounting/netsuite/export/NetSuiteReceivableAccountSelectPage.tsx @@ -24,7 +24,7 @@ import type SCREENS from '@src/SCREENS'; function NetSuiteReceivableAccountSelectPage({policy}: WithPolicyConnectionsProps) { const styles = useThemeStyles(); const {translate} = useLocalize(); - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); const policyID = policy?.id; const route = useRoute>(); diff --git a/src/pages/workspace/accounting/netsuite/export/NetSuiteTaxPostingAccountSelectPage.tsx b/src/pages/workspace/accounting/netsuite/export/NetSuiteTaxPostingAccountSelectPage.tsx index a89d01b0ce5b..6f71f8cbc885 100644 --- a/src/pages/workspace/accounting/netsuite/export/NetSuiteTaxPostingAccountSelectPage.tsx +++ b/src/pages/workspace/accounting/netsuite/export/NetSuiteTaxPostingAccountSelectPage.tsx @@ -21,7 +21,7 @@ import ROUTES from '@src/ROUTES'; function NetSuiteTaxPostingAccountSelectPage({policy}: WithPolicyConnectionsProps) { const styles = useThemeStyles(); const {translate} = useLocalize(); - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); const {isBetaEnabled} = usePermissions(); const policyID = policy?.id; diff --git a/src/pages/workspace/accounting/netsuite/import/NetSuiteImportCustomFieldPage.tsx b/src/pages/workspace/accounting/netsuite/import/NetSuiteImportCustomFieldPage.tsx index 8a776ab29b23..9b39199ffca0 100644 --- a/src/pages/workspace/accounting/netsuite/import/NetSuiteImportCustomFieldPage.tsx +++ b/src/pages/workspace/accounting/netsuite/import/NetSuiteImportCustomFieldPage.tsx @@ -71,7 +71,7 @@ function NetSuiteImportCustomFieldPage({ const policyID = policy?.id ?? '-1'; const styles = useThemeStyles(); const {translate} = useLocalize(); - const illustrations = useMemoizedLazyIllustrations(['FolderWithPapers'] as const); + const illustrations = useMemoizedLazyIllustrations(['FolderWithPapers']); const config = policy?.connections?.netsuite?.options?.config; const data = config?.syncOptions?.[importCustomField] ?? []; diff --git a/src/pages/workspace/accounting/qbd/QuickBooksDesktopSetupPage.tsx b/src/pages/workspace/accounting/qbd/QuickBooksDesktopSetupPage.tsx index 48dd3e2fd343..81f521fc4786 100644 --- a/src/pages/workspace/accounting/qbd/QuickBooksDesktopSetupPage.tsx +++ b/src/pages/workspace/accounting/qbd/QuickBooksDesktopSetupPage.tsx @@ -32,7 +32,7 @@ function RequireQuickBooksDesktopModal({route}: RequireQuickBooksDesktopModalPro const {translate} = useLocalize(); const styles = useThemeStyles(); const {environmentURL} = useEnvironment(); - const illustrations = useMemoizedLazyIllustrations(['BrokenMagnifyingGlass', 'LaptopWithSecondScreenSync'] as const); + const illustrations = useMemoizedLazyIllustrations(['BrokenMagnifyingGlass', 'LaptopWithSecondScreenSync']); const policyID: string = route.params.policyID; const [hasError, setHasError] = useState(false); const [codatSetupLink, setCodatSetupLink] = useState(''); diff --git a/src/pages/workspace/accounting/qbd/export/QuickbooksDesktopCompanyCardExpenseAccountSelectPage.tsx b/src/pages/workspace/accounting/qbd/export/QuickbooksDesktopCompanyCardExpenseAccountSelectPage.tsx index 0fab86359a92..90274ae51745 100644 --- a/src/pages/workspace/accounting/qbd/export/QuickbooksDesktopCompanyCardExpenseAccountSelectPage.tsx +++ b/src/pages/workspace/accounting/qbd/export/QuickbooksDesktopCompanyCardExpenseAccountSelectPage.tsx @@ -38,7 +38,7 @@ function QuickbooksDesktopCompanyCardExpenseAccountSelectPage({policy}: WithPoli const nonReimbursableAccount = qbdConfig?.export?.nonReimbursableAccount; const route = useRoute>(); const backTo = route.params?.backTo; - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); const data: CardListItem[] = useMemo(() => { const accounts = getQBDReimbursableAccounts(policy?.connections?.quickbooksDesktop, nonReimbursable); return accounts.map((card) => ({ diff --git a/src/pages/workspace/accounting/qbd/export/QuickbooksDesktopNonReimbursableDefaultVendorSelectPage.tsx b/src/pages/workspace/accounting/qbd/export/QuickbooksDesktopNonReimbursableDefaultVendorSelectPage.tsx index 41fbe6fbcba7..28bcd4bb6240 100644 --- a/src/pages/workspace/accounting/qbd/export/QuickbooksDesktopNonReimbursableDefaultVendorSelectPage.tsx +++ b/src/pages/workspace/accounting/qbd/export/QuickbooksDesktopNonReimbursableDefaultVendorSelectPage.tsx @@ -23,7 +23,7 @@ type CardListItem = ListItem & { function QuickbooksDesktopNonReimbursableDefaultVendorSelectPage({policy}: WithPolicyConnectionsProps) { const {translate} = useLocalize(); const styles = useThemeStyles(); - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); const {vendors} = policy?.connections?.quickbooksDesktop?.data ?? {}; const qbdConfig = policy?.connections?.quickbooksDesktop?.config; const nonReimbursableBillDefaultVendor = qbdConfig?.export?.nonReimbursableBillDefaultVendor; diff --git a/src/pages/workspace/accounting/qbd/export/QuickbooksDesktopOutOfPocketExpenseAccountSelectPage.tsx b/src/pages/workspace/accounting/qbd/export/QuickbooksDesktopOutOfPocketExpenseAccountSelectPage.tsx index b620c1e731c6..d27fd691bf0b 100644 --- a/src/pages/workspace/accounting/qbd/export/QuickbooksDesktopOutOfPocketExpenseAccountSelectPage.tsx +++ b/src/pages/workspace/accounting/qbd/export/QuickbooksDesktopOutOfPocketExpenseAccountSelectPage.tsx @@ -31,7 +31,7 @@ type CardListItem = ListItem & { function QuickbooksDesktopOutOfPocketExpenseAccountSelectPage({policy}: WithPolicyConnectionsProps) { const {translate} = useLocalize(); const styles = useThemeStyles(); - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); const qbdConfig = policy?.connections?.quickbooksDesktop?.config; const route = useRoute>(); const backTo = route.params?.backTo; diff --git a/src/pages/workspace/accounting/qbo/advanced/QuickbooksAccountSelectPage.tsx b/src/pages/workspace/accounting/qbo/advanced/QuickbooksAccountSelectPage.tsx index 36c587b68034..8f4285fccac9 100644 --- a/src/pages/workspace/accounting/qbo/advanced/QuickbooksAccountSelectPage.tsx +++ b/src/pages/workspace/accounting/qbo/advanced/QuickbooksAccountSelectPage.tsx @@ -26,7 +26,7 @@ type SelectorType = ListItem & { function QuickbooksAccountSelectPage({policy}: WithPolicyConnectionsProps) { const styles = useThemeStyles(); const {translate} = useLocalize(); - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); const policyID = policy?.id ?? CONST.DEFAULT_NUMBER_ID.toString(); const {bankAccounts, creditCards} = policy?.connections?.quickbooksOnline?.data ?? {}; diff --git a/src/pages/workspace/accounting/qbo/advanced/QuickbooksInvoiceAccountSelectPage.tsx b/src/pages/workspace/accounting/qbo/advanced/QuickbooksInvoiceAccountSelectPage.tsx index a6cedb843773..4cb53239ff6b 100644 --- a/src/pages/workspace/accounting/qbo/advanced/QuickbooksInvoiceAccountSelectPage.tsx +++ b/src/pages/workspace/accounting/qbo/advanced/QuickbooksInvoiceAccountSelectPage.tsx @@ -26,7 +26,7 @@ type SelectorType = ListItem & { function QuickbooksInvoiceAccountSelectPage({policy}: WithPolicyConnectionsProps) { const styles = useThemeStyles(); const {translate} = useLocalize(); - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); const policyID = policy?.id ?? CONST.DEFAULT_NUMBER_ID.toString(); const {bankAccounts, otherCurrentAssetAccounts} = policy?.connections?.quickbooksOnline?.data ?? {}; diff --git a/src/pages/workspace/accounting/qbo/export/QuickbooksCompanyCardExpenseAccountSelectPage.tsx b/src/pages/workspace/accounting/qbo/export/QuickbooksCompanyCardExpenseAccountSelectPage.tsx index 4590c23f5fc2..02adc6568db5 100644 --- a/src/pages/workspace/accounting/qbo/export/QuickbooksCompanyCardExpenseAccountSelectPage.tsx +++ b/src/pages/workspace/accounting/qbo/export/QuickbooksCompanyCardExpenseAccountSelectPage.tsx @@ -31,7 +31,7 @@ type CardListItem = ListItem & { function QuickbooksCompanyCardExpenseAccountSelectPage({policy}: WithPolicyConnectionsProps) { const {translate} = useLocalize(); const styles = useThemeStyles(); - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); const policyID = policy?.id; const {creditCards, accountPayable, bankAccounts} = policy?.connections?.quickbooksOnline?.data ?? {}; const qboConfig = policy?.connections?.quickbooksOnline?.config; diff --git a/src/pages/workspace/accounting/qbo/export/QuickbooksExportInvoiceAccountSelectPage.tsx b/src/pages/workspace/accounting/qbo/export/QuickbooksExportInvoiceAccountSelectPage.tsx index 46d041913239..77d7ea8ac424 100644 --- a/src/pages/workspace/accounting/qbo/export/QuickbooksExportInvoiceAccountSelectPage.tsx +++ b/src/pages/workspace/accounting/qbo/export/QuickbooksExportInvoiceAccountSelectPage.tsx @@ -30,7 +30,7 @@ type CardListItem = ListItem & { function QuickbooksExportInvoiceAccountSelectPage({policy}: WithPolicyConnectionsProps) { const {translate} = useLocalize(); const styles = useThemeStyles(); - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); const {accountsReceivable} = policy?.connections?.quickbooksOnline?.data ?? {}; const qboConfig = policy?.connections?.quickbooksOnline?.config; const route = useRoute>(); diff --git a/src/pages/workspace/accounting/qbo/export/QuickbooksNonReimbursableDefaultVendorSelectPage.tsx b/src/pages/workspace/accounting/qbo/export/QuickbooksNonReimbursableDefaultVendorSelectPage.tsx index 14dcfd9690ba..fe58a2174370 100644 --- a/src/pages/workspace/accounting/qbo/export/QuickbooksNonReimbursableDefaultVendorSelectPage.tsx +++ b/src/pages/workspace/accounting/qbo/export/QuickbooksNonReimbursableDefaultVendorSelectPage.tsx @@ -23,7 +23,7 @@ type CardListItem = ListItem & { function QuickbooksNonReimbursableDefaultVendorSelectPage({policy}: WithPolicyConnectionsProps) { const {translate} = useLocalize(); const styles = useThemeStyles(); - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); const {vendors} = policy?.connections?.quickbooksOnline?.data ?? {}; const qboConfig = policy?.connections?.quickbooksOnline?.config; diff --git a/src/pages/workspace/accounting/qbo/export/QuickbooksOutOfPocketExpenseAccountSelectPage.tsx b/src/pages/workspace/accounting/qbo/export/QuickbooksOutOfPocketExpenseAccountSelectPage.tsx index 267602caf8cc..45009ed46914 100644 --- a/src/pages/workspace/accounting/qbo/export/QuickbooksOutOfPocketExpenseAccountSelectPage.tsx +++ b/src/pages/workspace/accounting/qbo/export/QuickbooksOutOfPocketExpenseAccountSelectPage.tsx @@ -34,7 +34,7 @@ function QuickbooksOutOfPocketExpenseAccountSelectPage({policy}: WithPolicyConne const qboConfig = policy?.connections?.quickbooksOnline?.config; const route = useRoute>(); const backTo = route.params?.backTo; - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); const [title, description] = useMemo(() => { let titleText: TranslationPaths | undefined; diff --git a/src/pages/workspace/accounting/xero/XeroOrganizationConfigurationPage.tsx b/src/pages/workspace/accounting/xero/XeroOrganizationConfigurationPage.tsx index 57d6a3b174e5..56e1fd43839d 100644 --- a/src/pages/workspace/accounting/xero/XeroOrganizationConfigurationPage.tsx +++ b/src/pages/workspace/accounting/xero/XeroOrganizationConfigurationPage.tsx @@ -36,7 +36,7 @@ function XeroOrganizationConfigurationPage({ const currentXeroOrganization = findCurrentXeroOrganization(tenants, xeroConfig?.tenantID); const policyID = policy?.id ?? CONST.DEFAULT_NUMBER_ID.toString(); - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); const sections = policy?.connections?.xero?.data?.tenants.map((tenant) => ({ diff --git a/src/pages/workspace/accounting/xero/advanced/XeroBillPaymentAccountSelectorPage.tsx b/src/pages/workspace/accounting/xero/advanced/XeroBillPaymentAccountSelectorPage.tsx index e22f7ebc4049..3c8b9633dd52 100644 --- a/src/pages/workspace/accounting/xero/advanced/XeroBillPaymentAccountSelectorPage.tsx +++ b/src/pages/workspace/accounting/xero/advanced/XeroBillPaymentAccountSelectorPage.tsx @@ -24,7 +24,7 @@ function XeroBillPaymentAccountSelectorPage({policy}: WithPolicyConnectionsProps const {translate} = useLocalize(); const policyID = policy?.id ?? CONST.DEFAULT_NUMBER_ID.toString(); - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); const {config} = policy?.connections?.xero ?? {}; const {reimbursementAccountID, syncReimbursedReports} = policy?.connections?.xero?.config.sync ?? {}; const xeroSelectorOptions = useMemo(() => getXeroBankAccounts(policy ?? undefined, reimbursementAccountID), [reimbursementAccountID, policy]); diff --git a/src/pages/workspace/accounting/xero/advanced/XeroInvoiceAccountSelectorPage.tsx b/src/pages/workspace/accounting/xero/advanced/XeroInvoiceAccountSelectorPage.tsx index 5d51e0f2519a..c0abbf6b4095 100644 --- a/src/pages/workspace/accounting/xero/advanced/XeroInvoiceAccountSelectorPage.tsx +++ b/src/pages/workspace/accounting/xero/advanced/XeroInvoiceAccountSelectorPage.tsx @@ -24,7 +24,7 @@ function XeroInvoiceAccountSelectorPage({policy}: WithPolicyConnectionsProps) { const {translate} = useLocalize(); const policyID = policy?.id ?? CONST.DEFAULT_NUMBER_ID.toString(); - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); const {config} = policy?.connections?.xero ?? {}; const {invoiceCollectionsAccountID, syncReimbursedReports} = policy?.connections?.xero?.config.sync ?? {}; const xeroSelectorOptions = useMemo(() => getXeroBankAccounts(policy ?? undefined, invoiceCollectionsAccountID), [invoiceCollectionsAccountID, policy]); diff --git a/src/pages/workspace/accounting/xero/export/XeroBankAccountSelectPage.tsx b/src/pages/workspace/accounting/xero/export/XeroBankAccountSelectPage.tsx index f13bc5833212..88edf9898d99 100644 --- a/src/pages/workspace/accounting/xero/export/XeroBankAccountSelectPage.tsx +++ b/src/pages/workspace/accounting/xero/export/XeroBankAccountSelectPage.tsx @@ -26,7 +26,7 @@ import type SCREENS from '@src/SCREENS'; function XeroBankAccountSelectPage({policy}: WithPolicyConnectionsProps) { const styles = useThemeStyles(); const {translate} = useLocalize(); - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); const policyID = policy?.id; const {config} = policy?.connections?.xero ?? {}; diff --git a/src/pages/workspace/categories/WorkspaceCategoriesPage.tsx b/src/pages/workspace/categories/WorkspaceCategoriesPage.tsx index 688b124be405..5aa1104670bd 100644 --- a/src/pages/workspace/categories/WorkspaceCategoriesPage.tsx +++ b/src/pages/workspace/categories/WorkspaceCategoriesPage.tsx @@ -92,8 +92,8 @@ function WorkspaceCategoriesPage({route}: WorkspaceCategoriesPageProps) { const [selectedCategories, setSelectedCategories] = useState([]); const canSelectMultiple = isSmallScreenWidth ? isMobileSelectionModeEnabled : true; - const icons = useMemoizedLazyExpensifyIcons(['Download', 'Gear', 'Table'] as const); - const illustrations = useMemoizedLazyIllustrations(['FolderOpen'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Download', 'Gear', 'Table']); + const illustrations = useMemoizedLazyIllustrations(['FolderOpen']); const { taskReport: setupCategoryTaskReport, diff --git a/src/pages/workspace/companyCards/BankConnection/index.tsx b/src/pages/workspace/companyCards/BankConnection/index.tsx index 0402fefeaa45..d855f57ad4b4 100644 --- a/src/pages/workspace/companyCards/BankConnection/index.tsx +++ b/src/pages/workspace/companyCards/BankConnection/index.tsx @@ -55,7 +55,7 @@ function BankConnection({policyID: policyIDFromProps, feed, route}: BankConnecti const policyID = policyIDFromProps ?? policyIDFromRoute; const [cardFeeds] = useCardFeeds(policyID); const prevFeedsData = usePrevious(cardFeeds); - const illustrations = useMemoizedLazyIllustrations(['PendingBank'] as const); + const illustrations = useMemoizedLazyIllustrations(['PendingBank']); const [shouldBlockWindowOpen, setShouldBlockWindowOpen] = useState(false); const selectedBank = addNewCard?.data?.selectedBank; const bankName = feed ? getBankName(getCompanyCardFeed(feed)) : (bankNameFromRoute ?? addNewCard?.data?.plaidConnectedFeed ?? selectedBank); diff --git a/src/pages/workspace/companyCards/WorkspaceCompanyCardAccountSelectCardPage.tsx b/src/pages/workspace/companyCards/WorkspaceCompanyCardAccountSelectCardPage.tsx index b0691d963b23..9bcc3fe2afb4 100644 --- a/src/pages/workspace/companyCards/WorkspaceCompanyCardAccountSelectCardPage.tsx +++ b/src/pages/workspace/companyCards/WorkspaceCompanyCardAccountSelectCardPage.tsx @@ -50,7 +50,7 @@ function WorkspaceCompanyCardAccountSelectCardPage({route}: WorkspaceCompanyCard const shouldShowTextInput = (exportMenuItem?.data?.length ?? 0) >= CONST.STANDARD_LIST_ITEM_LIMIT; const defaultCard = translate('workspace.moreFeatures.companyCards.defaultCard'); const isXeroConnection = connectedIntegration === CONST.POLICY.CONNECTIONS.NAME.XERO; - const illustrations = useMemoizedLazyIllustrations(['Telescope'] as const); + const illustrations = useMemoizedLazyIllustrations(['Telescope']); const [cardFeeds] = useCardFeeds(policyID); const companyFeeds = getCompanyFeeds(cardFeeds); diff --git a/src/pages/workspace/companyCards/WorkspaceCompanyCardDetailsPage.tsx b/src/pages/workspace/companyCards/WorkspaceCompanyCardDetailsPage.tsx index 4bd6a6c6d3d9..75ed85a0acb7 100644 --- a/src/pages/workspace/companyCards/WorkspaceCompanyCardDetailsPage.tsx +++ b/src/pages/workspace/companyCards/WorkspaceCompanyCardDetailsPage.tsx @@ -60,7 +60,7 @@ function WorkspaceCompanyCardDetailsPage({route}: WorkspaceCompanyCardDetailsPag const StyleUtils = useStyleUtils(); const illustrations = useThemeIllustrations(); const companyCardFeedIcons = useCompanyCardFeedIcons(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['FallbackAvatar', 'MoneySearch', 'RemoveMembers', 'Sync'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['FallbackAvatar', 'MoneySearch', 'RemoveMembers', 'Sync']); const {isOffline} = useNetwork(); const accountingIntegrations = Object.values(CONST.POLICY.CONNECTIONS.NAME); diff --git a/src/pages/workspace/companyCards/WorkspaceCompanyCardExpensifyCardPromotionBanner.tsx b/src/pages/workspace/companyCards/WorkspaceCompanyCardExpensifyCardPromotionBanner.tsx index 58e0d03d3009..b51dd00c8016 100644 --- a/src/pages/workspace/companyCards/WorkspaceCompanyCardExpensifyCardPromotionBanner.tsx +++ b/src/pages/workspace/companyCards/WorkspaceCompanyCardExpensifyCardPromotionBanner.tsx @@ -26,7 +26,7 @@ function WorkspaceCompanyCardExpensifyCardPromotionBanner({policy}: WorkspaceCom const policyID = policy?.id; const areExpensifyCardsEnabled = policy?.areExpensifyCardsEnabled; - const illustrations = useMemoizedLazyIllustrations(['CreditCardsNewGreen'] as const); + const illustrations = useMemoizedLazyIllustrations(['CreditCardsNewGreen']); const handleLearnMore = useCallback(() => { if (!policyID) { diff --git a/src/pages/workspace/companyCards/WorkspaceCompanyCardFeedSelectorPage.tsx b/src/pages/workspace/companyCards/WorkspaceCompanyCardFeedSelectorPage.tsx index cd286ed73461..010967caf12b 100644 --- a/src/pages/workspace/companyCards/WorkspaceCompanyCardFeedSelectorPage.tsx +++ b/src/pages/workspace/companyCards/WorkspaceCompanyCardFeedSelectorPage.tsx @@ -67,7 +67,7 @@ function WorkspaceCompanyCardFeedSelectorPage({route}: WorkspaceCompanyCardFeedS const selectedFeed = getSelectedFeed(lastSelectedFeed, cardFeeds); const companyFeeds = getCompanyFeeds(cardFeeds); const {isBlockedToAddNewFeeds} = useIsBlockedToAddFeed(policyID); - const icons = useMemoizedLazyExpensifyIcons(['Plus'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Plus']); const feeds: CardFeedListItem[] = (Object.entries(companyFeeds) as Array<[CompanyCardFeedWithDomainID, CombinedCardFeed]>).map(([key, feedSettings]) => { const filteredFeedCards = filterInactiveCards( diff --git a/src/pages/workspace/companyCards/WorkspaceCompanyCardPageEmptyState.tsx b/src/pages/workspace/companyCards/WorkspaceCompanyCardPageEmptyState.tsx index 57c73029f7bb..ce6e05479d16 100644 --- a/src/pages/workspace/companyCards/WorkspaceCompanyCardPageEmptyState.tsx +++ b/src/pages/workspace/companyCards/WorkspaceCompanyCardPageEmptyState.tsx @@ -33,7 +33,7 @@ function WorkspaceCompanyCardPageEmptyState({policy, shouldShowGBDisclaimer}: Wo const shouldShowExpensifyCardPromotionBanner = !hasIssuedExpensifyCard(policy?.workspaceAccountID ?? CONST.DEFAULT_NUMBER_ID, allWorkspaceCards); const workspaceAccountID = policy?.workspaceAccountID ?? CONST.DEFAULT_NUMBER_ID; - const illustrations = useMemoizedLazyIllustrations(['CreditCardsNew', 'HandCard', 'MagnifyingGlassMoney', 'CompanyCardsEmptyState'] as const); + const illustrations = useMemoizedLazyIllustrations(['CreditCardsNew', 'HandCard', 'MagnifyingGlassMoney', 'CompanyCardsEmptyState']); const companyCardFeatures = useMemo(() => { const features = [ diff --git a/src/pages/workspace/companyCards/WorkspaceCompanyCardsErrorConfirmation.tsx b/src/pages/workspace/companyCards/WorkspaceCompanyCardsErrorConfirmation.tsx index f33ce5a030d4..9d36a5a4f347 100644 --- a/src/pages/workspace/companyCards/WorkspaceCompanyCardsErrorConfirmation.tsx +++ b/src/pages/workspace/companyCards/WorkspaceCompanyCardsErrorConfirmation.tsx @@ -24,7 +24,7 @@ type WorkspaceCompanyCardsErrorConfirmationProps = { function WorkspaceCompanyCardsErrorConfirmation({policyID, newFeed}: WorkspaceCompanyCardsErrorConfirmationProps) { const {translate} = useLocalize(); const styles = useThemeStyles(); - const illustrations = useMemoizedLazyIllustrations(['BrokenCompanyCardBankConnection'] as const); + const illustrations = useMemoizedLazyIllustrations(['BrokenCompanyCardBankConnection']); const policy = usePolicy(policyID); const isExpensifyCardFeatureEnabled = !!policy?.areExpensifyCardsEnabled; const [cardsList] = useCardsList(newFeed); diff --git a/src/pages/workspace/companyCards/WorkspaceCompanyCardsFeedAddedEmptyPage.tsx b/src/pages/workspace/companyCards/WorkspaceCompanyCardsFeedAddedEmptyPage.tsx index 0775506c7bb0..79e78adbb013 100644 --- a/src/pages/workspace/companyCards/WorkspaceCompanyCardsFeedAddedEmptyPage.tsx +++ b/src/pages/workspace/companyCards/WorkspaceCompanyCardsFeedAddedEmptyPage.tsx @@ -24,7 +24,7 @@ type WorkspaceCompanyCardsFeedAddedEmptyPageProps = { function WorkspaceCompanyCardsFeedAddedEmptyPage({handleAssignCard, isDisabledAssignCardButton, shouldShowGBDisclaimer}: WorkspaceCompanyCardsFeedAddedEmptyPageProps) { const {translate} = useLocalize(); const styles = useThemeStyles(); - const illustrations = useMemoizedLazyIllustrations(['CompanyCardsEmptyState'] as const); + const illustrations = useMemoizedLazyIllustrations(['CompanyCardsEmptyState']); return ( diff --git a/src/pages/workspace/companyCards/WorkspaceCompanyCardsListHeaderButtons.tsx b/src/pages/workspace/companyCards/WorkspaceCompanyCardsListHeaderButtons.tsx index 2eabfe7a4e96..01db5d4a670d 100644 --- a/src/pages/workspace/companyCards/WorkspaceCompanyCardsListHeaderButtons.tsx +++ b/src/pages/workspace/companyCards/WorkspaceCompanyCardsListHeaderButtons.tsx @@ -61,7 +61,7 @@ type WorkspaceCompanyCardsListHeaderButtonsProps = { }; function WorkspaceCompanyCardsListHeaderButtons({policyID, selectedFeed, shouldShowAssignCardButton, handleAssignCard}: WorkspaceCompanyCardsListHeaderButtonsProps) { - const icons = useMemoizedLazyExpensifyIcons(['Gear'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Gear']); const styles = useThemeStyles(); const {translate} = useLocalize(); const theme = useTheme(); diff --git a/src/pages/workspace/companyCards/WorkspaceCompanyCardsPage.tsx b/src/pages/workspace/companyCards/WorkspaceCompanyCardsPage.tsx index 86dc3915da99..001eca5afb42 100644 --- a/src/pages/workspace/companyCards/WorkspaceCompanyCardsPage.tsx +++ b/src/pages/workspace/companyCards/WorkspaceCompanyCardsPage.tsx @@ -51,7 +51,7 @@ type WorkspaceCompanyCardsPageProps = PlatformStackScreenProps) => { diff --git a/src/pages/workspace/downgrade/DowngradeIntro.tsx b/src/pages/workspace/downgrade/DowngradeIntro.tsx index 79801c4f8f6e..ed01cae3d4a9 100644 --- a/src/pages/workspace/downgrade/DowngradeIntro.tsx +++ b/src/pages/workspace/downgrade/DowngradeIntro.tsx @@ -29,7 +29,7 @@ function DowngradeIntro({onDowngrade, buttonDisabled, loading, policyID, backTo} const {environmentURL} = useEnvironment(); const {isExtraSmallScreenWidth} = useResponsiveLayout(); - const illustrations = useMemoizedLazyIllustrations(['Mailbox'] as const); + const illustrations = useMemoizedLazyIllustrations(['Mailbox']); const benefits = [ translate('workspace.downgrade.commonFeatures.benefits.benefit1'), diff --git a/src/pages/workspace/duplicate/WorkspaceDuplicateForm.tsx b/src/pages/workspace/duplicate/WorkspaceDuplicateForm.tsx index c7f10f274be3..e5de664a51b8 100644 --- a/src/pages/workspace/duplicate/WorkspaceDuplicateForm.tsx +++ b/src/pages/workspace/duplicate/WorkspaceDuplicateForm.tsx @@ -31,9 +31,9 @@ type WorkspaceDuplicateFormProps = { }; function WorkspaceDuplicateForm({policyID}: WorkspaceDuplicateFormProps) { - const icons = useMemoizedLazyExpensifyIcons(['ImageCropSquareMask'] as const); + const icons = useMemoizedLazyExpensifyIcons(['ImageCropSquareMask']); const styles = useThemeStyles(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Camera'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Camera']); const {translate} = useLocalize(); const {inputCallbackRef} = useAutoFocusInput(); const policy = usePolicy(policyID); diff --git a/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardBankAccounts.tsx b/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardBankAccounts.tsx index 7fe3ea53285b..e19eea71504f 100644 --- a/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardBankAccounts.tsx +++ b/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardBankAccounts.tsx @@ -45,7 +45,7 @@ function WorkspaceExpensifyCardBankAccounts({route}: WorkspaceExpensifyCardBankA const policyID = route?.params?.policyID; const policy = usePolicy(policyID); - const illustrations = useMemoizedLazyIllustrations(['Puzzle'] as const); + const illustrations = useMemoizedLazyIllustrations(['Puzzle']); const isUkEuCurrencySupported = useExpensifyCardUkEuSupported(policyID); diff --git a/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardDetailsPage.tsx b/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardDetailsPage.tsx index b47739f41909..4a4e1a892c2f 100644 --- a/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardDetailsPage.tsx +++ b/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardDetailsPage.tsx @@ -52,8 +52,8 @@ function WorkspaceExpensifyCardDetailsPage({route}: WorkspaceExpensifyCardDetail const [isDeactivateModalVisible, setIsDeactivateModalVisible] = useState(false); const [isOfflineModalVisible, setIsOfflineModalVisible] = useState(false); const {translate} = useLocalize(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['MoneySearch'] as const); - const illustrations = useMemoizedLazyIllustrations(['ExpensifyCardImage'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['MoneySearch']); + const illustrations = useMemoizedLazyIllustrations(['ExpensifyCardImage']); // We need to use isSmallScreenWidth instead of shouldUseNarrowLayout to use the correct modal type for the decision modal // eslint-disable-next-line rulesdir/prefer-shouldUseNarrowLayout-instead-of-isSmallScreenWidth const {isSmallScreenWidth} = useResponsiveLayout(); diff --git a/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardListPage.tsx b/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardListPage.tsx index 7c4315d1bf35..648005361114 100644 --- a/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardListPage.tsx +++ b/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardListPage.tsx @@ -60,11 +60,11 @@ type WorkspaceExpensifyCardListPageProps = { }; function WorkspaceExpensifyCardListPage({route, cardsList, fundID}: WorkspaceExpensifyCardListPageProps) { - const icons = useMemoizedLazyExpensifyIcons(['Gear'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Gear']); const {shouldUseNarrowLayout, isMediumScreenWidth} = useResponsiveLayout(); const {translate, localeCompare} = useLocalize(); const styles = useThemeStyles(); - const illustrations = useMemoizedLazyIllustrations(['HandCard', 'ExpensifyCardImage'] as const); + const illustrations = useMemoizedLazyIllustrations(['HandCard', 'ExpensifyCardImage']); const policyID = route.params.policyID; const policy = usePolicy(policyID); diff --git a/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardPageEmptyState.tsx b/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardPageEmptyState.tsx index 28211fbaabd7..137f37ef65a7 100644 --- a/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardPageEmptyState.tsx +++ b/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardPageEmptyState.tsx @@ -36,7 +36,7 @@ type WorkspaceExpensifyCardPageEmptyStateProps = { } & WithPolicyAndFullscreenLoadingProps; function WorkspaceExpensifyCardPageEmptyState({route, policy}: WorkspaceExpensifyCardPageEmptyStateProps) { - const illustrations = useMemoizedLazyIllustrations(['MoneyReceipts', 'CreditCardsNew', 'MoneyWings', 'HandCard', 'ExpensifyCardIllustration'] as const); + const illustrations = useMemoizedLazyIllustrations(['MoneyReceipts', 'CreditCardsNew', 'MoneyWings', 'HandCard', 'ExpensifyCardIllustration']); const {translate} = useLocalize(); const styles = useThemeStyles(); const theme = useTheme(); diff --git a/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardSelectorPage.tsx b/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardSelectorPage.tsx index d79e57aa50d3..94a293406ee9 100644 --- a/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardSelectorPage.tsx +++ b/src/pages/workspace/expensifyCard/WorkspaceExpensifyCardSelectorPage.tsx @@ -35,7 +35,7 @@ function WorkspaceExpensifyCardSelectorPage({route}: WorkspaceExpensifyCardSelec const {policyID} = route.params; const {translate} = useLocalize(); const styles = useThemeStyles(); - const illustrations = useMemoizedLazyIllustrations(['ExpensifyCardImage'] as const); + const illustrations = useMemoizedLazyIllustrations(['ExpensifyCardImage']); const [lastSelectedExpensifyCardFeed] = useOnyx(`${ONYXKEYS.COLLECTION.LAST_SELECTED_EXPENSIFY_CARD_FEED}${policyID}`, {canBeMissing: true}); const defaultFundID = useDefaultFundID(policyID); const lastSelectedExpensifyCardFeedID = lastSelectedExpensifyCardFeed ?? defaultFundID; diff --git a/src/pages/workspace/expensifyCard/issueNew/CardTypeStep.tsx b/src/pages/workspace/expensifyCard/issueNew/CardTypeStep.tsx index 92ed42964575..6eb23a13dacb 100644 --- a/src/pages/workspace/expensifyCard/issueNew/CardTypeStep.tsx +++ b/src/pages/workspace/expensifyCard/issueNew/CardTypeStep.tsx @@ -28,7 +28,7 @@ type CardTypeStepProps = { function CardTypeStep({policyID, stepNames, startStepIndex}: CardTypeStepProps) { const {translate} = useLocalize(); const styles = useThemeStyles(); - const illustrations = useMemoizedLazyIllustrations(['HandCard', 'VirtualCard'] as const); + const illustrations = useMemoizedLazyIllustrations(['HandCard', 'VirtualCard']); const [issueNewCard] = useOnyx(`${ONYXKEYS.COLLECTION.ISSUE_NEW_EXPENSIFY_CARD}${policyID}`, {canBeMissing: true}); const isEditing = issueNewCard?.isEditing; diff --git a/src/pages/workspace/invoices/WorkspaceInvoiceVBASection.tsx b/src/pages/workspace/invoices/WorkspaceInvoiceVBASection.tsx index 2cdc1118d7ba..8dc0feed40fa 100644 --- a/src/pages/workspace/invoices/WorkspaceInvoiceVBASection.tsx +++ b/src/pages/workspace/invoices/WorkspaceInvoiceVBASection.tsx @@ -42,7 +42,7 @@ type CurrencyType = TupleToUnion; // TODO: can be refactored to use ThreeDotsMenu component instead handling the popover and positioning function WorkspaceInvoiceVBASection({policyID}: WorkspaceInvoiceVBASectionProps) { - const icons = useMemoizedLazyExpensifyIcons(['Star', 'Trashcan'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Star', 'Trashcan']); const styles = useThemeStyles(); const {shouldUseNarrowLayout} = useResponsiveLayout(); const {windowWidth} = useWindowDimensions(); diff --git a/src/pages/workspace/invoices/WorkspaceInvoicesPage.tsx b/src/pages/workspace/invoices/WorkspaceInvoicesPage.tsx index 10ffb36ae91d..9d9591d47648 100644 --- a/src/pages/workspace/invoices/WorkspaceInvoicesPage.tsx +++ b/src/pages/workspace/invoices/WorkspaceInvoicesPage.tsx @@ -19,7 +19,7 @@ function WorkspaceInvoicesPage({route}: WorkspaceInvoicesPageProps) { const {translate} = useLocalize(); const styles = useThemeStyles(); const {shouldUseNarrowLayout} = useResponsiveLayout(); - const illustrations = useMemoizedLazyIllustrations(['InvoiceBlue'] as const); + const illustrations = useMemoizedLazyIllustrations(['InvoiceBlue']); return ( { const customUnits = getPerDiemCustomUnit(policy); diff --git a/src/pages/workspace/receiptPartners/EditInviteReceiptPartnerPolicyPage.tsx b/src/pages/workspace/receiptPartners/EditInviteReceiptPartnerPolicyPage.tsx index 1dafd8c53223..a46d1c892431 100644 --- a/src/pages/workspace/receiptPartners/EditInviteReceiptPartnerPolicyPage.tsx +++ b/src/pages/workspace/receiptPartners/EditInviteReceiptPartnerPolicyPage.tsx @@ -45,7 +45,7 @@ type UberEmployeeStatus = ValueOf([]); const [isInvitationSent, setIsInvitationSent] = useState(false); const [countryCode = CONST.DEFAULT_COUNTRY_CODE] = useOnyx(ONYXKEYS.COUNTRY_CODE, {canBeMissing: false}); - const icons = useMemoizedLazyExpensifyIcons(['FallbackAvatar'] as const); + const icons = useMemoizedLazyExpensifyIcons(['FallbackAvatar']); const policyID = route.params?.policyID; const policy = usePolicy(policyID); diff --git a/src/pages/workspace/receiptPartners/WorkspaceReceiptPartnersPage.tsx b/src/pages/workspace/receiptPartners/WorkspaceReceiptPartnersPage.tsx index c0c7046d880f..f3a191a30b0d 100644 --- a/src/pages/workspace/receiptPartners/WorkspaceReceiptPartnersPage.tsx +++ b/src/pages/workspace/receiptPartners/WorkspaceReceiptPartnersPage.tsx @@ -41,7 +41,7 @@ type WorkspaceReceiptPartnersPageProps = PlatformStackScreenProps { if (!policyID) { diff --git a/src/pages/workspace/reports/ReportFieldsListValuesPage.tsx b/src/pages/workspace/reports/ReportFieldsListValuesPage.tsx index a160e6454f27..61a9cf329511 100644 --- a/src/pages/workspace/reports/ReportFieldsListValuesPage.tsx +++ b/src/pages/workspace/reports/ReportFieldsListValuesPage.tsx @@ -76,7 +76,7 @@ function ReportFieldsListValuesPage({ const {isSmallScreenWidth} = useResponsiveLayout(); const [formDraft] = useOnyx(ONYXKEYS.FORMS.WORKSPACE_REPORT_FIELDS_FORM_DRAFT, {canBeMissing: true}); const isMobileSelectionModeEnabled = useMobileSelectionMode(); - const illustrations = useMemoizedLazyIllustrations(['FolderWithPapers'] as const); + const illustrations = useMemoizedLazyIllustrations(['FolderWithPapers']); const [selectedValues, setSelectedValues] = useState>({}); const [deleteValuesConfirmModalVisible, setDeleteValuesConfirmModalVisible] = useState(false); diff --git a/src/pages/workspace/reports/WorkspaceReportsPage.tsx b/src/pages/workspace/reports/WorkspaceReportsPage.tsx index f1ea35930bc2..66bcfdb683d2 100644 --- a/src/pages/workspace/reports/WorkspaceReportsPage.tsx +++ b/src/pages/workspace/reports/WorkspaceReportsPage.tsx @@ -80,7 +80,7 @@ function WorkspaceReportFieldsPage({ }, [policy?.fieldList]); const [isOrganizeWarningModalOpen, setIsOrganizeWarningModalOpen] = useState(false); - const illustrations = useMemoizedLazyIllustrations(['ReportReceipt'] as const); + const illustrations = useMemoizedLazyIllustrations(['ReportReceipt']); const onDisabledOrganizeSwitchPress = useCallback(() => { if (!hasAccountingConnections) { diff --git a/src/pages/workspace/rules/PolicyRulesPage.tsx b/src/pages/workspace/rules/PolicyRulesPage.tsx index 791635057e1c..a94782fee0b9 100644 --- a/src/pages/workspace/rules/PolicyRulesPage.tsx +++ b/src/pages/workspace/rules/PolicyRulesPage.tsx @@ -20,7 +20,7 @@ function PolicyRulesPage({route}: PolicyRulesPageProps) { const {policyID} = route.params; const styles = useThemeStyles(); const {shouldUseNarrowLayout} = useResponsiveLayout(); - const illustrations = useMemoizedLazyIllustrations(['Rules'] as const); + const illustrations = useMemoizedLazyIllustrations(['Rules']); const fetchRules = useCallback(() => { openPolicyRulesPage(policyID); diff --git a/src/pages/workspace/tags/ImportTagsOptionsPage.tsx b/src/pages/workspace/tags/ImportTagsOptionsPage.tsx index c855b0c4ca9b..f7db88b337f5 100644 --- a/src/pages/workspace/tags/ImportTagsOptionsPage.tsx +++ b/src/pages/workspace/tags/ImportTagsOptionsPage.tsx @@ -51,7 +51,7 @@ function ImportTagsOptionsPage({route}: ImportTagsOptionsPageProps) { const {translate} = useLocalize(); const styles = useThemeStyles(); const [isSwitchSingleToMultipleLevelTagWarningModalVisible, setIsSwitchSingleToMultipleLevelTagWarningModalVisible] = useState(false); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['MultiTag', 'Tag'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['MultiTag', 'Tag']); const [isOverridingMultiTag, setIsOverridingMultiTag] = useState(false); const [isDownloadFailureModalVisible, setIsDownloadFailureModalVisible] = useState(false); diff --git a/src/pages/workspace/tags/TagSettingsPage.tsx b/src/pages/workspace/tags/TagSettingsPage.tsx index 7549778d5e38..280be0f00408 100644 --- a/src/pages/workspace/tags/TagSettingsPage.tsx +++ b/src/pages/workspace/tags/TagSettingsPage.tsx @@ -44,7 +44,7 @@ type TagSettingsPageProps = function TagSettingsPage({route, navigation}: TagSettingsPageProps) { const {orderWeight, policyID, tagName, backTo, parentTagsFilter} = route.params; const styles = useThemeStyles(); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Lock'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Lock']); const {translate} = useLocalize(); const policyData = usePolicyData(policyID); const {policy, tags: policyTags} = policyData; diff --git a/src/pages/workspace/tags/WorkspaceTagsPage.tsx b/src/pages/workspace/tags/WorkspaceTagsPage.tsx index 8f329656899f..1ee498d84cd8 100644 --- a/src/pages/workspace/tags/WorkspaceTagsPage.tsx +++ b/src/pages/workspace/tags/WorkspaceTagsPage.tsx @@ -97,7 +97,7 @@ function WorkspaceTagsPage({route}: WorkspaceTagsPageProps) { const connectedIntegration = getConnectedIntegration(policy) ?? connectionSyncProgress?.connectionName; const isConnectionVerified = connectedIntegration && !isConnectionUnverified(policy, connectedIntegration); const currentConnectionName = getCurrentConnectionName(policy); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['Gear', 'Table', 'Download', 'Plus', 'Trashcan', 'Close', 'Trashcan', 'Checkmark'] as const); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['Gear', 'Table', 'Download', 'Plus', 'Trashcan', 'Close', 'Trashcan', 'Checkmark']); const [policyTagLists, isMultiLevelTags, hasDependentTags] = useMemo( () => [getTagLists(policyTags), isMultiLevelTagsPolicyUtils(policyTags), hasDependentTagsPolicyUtils(policy, policyTags)], @@ -109,7 +109,7 @@ function WorkspaceTagsPage({route}: WorkspaceTagsPageProps) { openPolicyTagsPage(policyID); }, [policyID]); const isQuickSettingsFlow = route.name === SCREENS.SETTINGS_TAGS.SETTINGS_TAGS_ROOT; - const illustrations = useMemoizedLazyIllustrations(['Tag'] as const); + const illustrations = useMemoizedLazyIllustrations(['Tag']); const tagsList = useMemo(() => { if (isMultiLevelTags) { diff --git a/src/pages/workspace/taxes/WorkspaceTaxesPage.tsx b/src/pages/workspace/taxes/WorkspaceTaxesPage.tsx index adfd10f20de5..ba0f2423b305 100644 --- a/src/pages/workspace/taxes/WorkspaceTaxesPage.tsx +++ b/src/pages/workspace/taxes/WorkspaceTaxesPage.tsx @@ -82,8 +82,8 @@ function WorkspaceTaxesPage({ const enabledRatesCount = selectedTaxesIDs.filter((taxID) => !policy?.taxRates?.taxes[taxID]?.isDisabled).length; const disabledRatesCount = selectedTaxesIDs.length - enabledRatesCount; - const icons = useMemoizedLazyExpensifyIcons(['Gear'] as const); - const illustrations = useMemoizedLazyIllustrations(['Coins'] as const); + const icons = useMemoizedLazyExpensifyIcons(['Gear']); + const illustrations = useMemoizedLazyIllustrations(['Coins']); const fetchTaxes = useCallback(() => { openPolicyTaxesPage(policyID); diff --git a/src/pages/workspace/workflows/WorkspaceWorkflowsPage.tsx b/src/pages/workspace/workflows/WorkspaceWorkflowsPage.tsx index aaaaf675ba40..a884a9979030 100644 --- a/src/pages/workspace/workflows/WorkspaceWorkflowsPage.tsx +++ b/src/pages/workspace/workflows/WorkspaceWorkflowsPage.tsx @@ -72,8 +72,8 @@ function WorkspaceWorkflowsPage({policy, route}: WorkspaceWorkflowsPageProps) { const {translate, localeCompare} = useLocalize(); const styles = useThemeStyles(); const theme = useTheme(); - const illustrations = useMemoizedLazyIllustrations(['Workflows'] as const); - const expensifyIcons = useMemoizedLazyExpensifyIcons(['DotIndicator', 'Info', 'Plus'] as const); + const illustrations = useMemoizedLazyIllustrations(['Workflows']); + const expensifyIcons = useMemoizedLazyExpensifyIcons(['DotIndicator', 'Info', 'Plus']); // We need to use isSmallScreenWidth instead of shouldUseNarrowLayout to apply a correct padding style // eslint-disable-next-line rulesdir/prefer-shouldUseNarrowLayout-instead-of-isSmallScreenWidth const {shouldUseNarrowLayout, isSmallScreenWidth} = useResponsiveLayout(); diff --git a/src/pages/workspace/workflows/approvals/WorkspaceWorkflowsApprovalsApproverPage.tsx b/src/pages/workspace/workflows/approvals/WorkspaceWorkflowsApprovalsApproverPage.tsx index 4f57935bbfef..de2a9c537262 100644 --- a/src/pages/workspace/workflows/approvals/WorkspaceWorkflowsApprovalsApproverPage.tsx +++ b/src/pages/workspace/workflows/approvals/WorkspaceWorkflowsApprovalsApproverPage.tsx @@ -29,7 +29,7 @@ type WorkspaceWorkflowsApprovalsApproverPageProps = WithPolicyAndFullscreenLoadi function WorkspaceWorkflowsApprovalsApproverPage({policy, personalDetails, isLoadingReportData = true, route}: WorkspaceWorkflowsApprovalsApproverPageProps) { const styles = useThemeStyles(); const {translate} = useLocalize(); - const icons = useMemoizedLazyExpensifyIcons(['FallbackAvatar'] as const); + const icons = useMemoizedLazyExpensifyIcons(['FallbackAvatar']); const [approvalWorkflow, approvalWorkflowMetadata] = useOnyx(ONYXKEYS.APPROVAL_WORKFLOW, {canBeMissing: true}); const isApprovalWorkflowLoading = isLoadingOnyxValue(approvalWorkflowMetadata); const [currentApprovalWorkflow] = useOnyx(ONYXKEYS.APPROVAL_WORKFLOW, {canBeMissing: true}); diff --git a/src/pages/workspace/workflows/approvals/WorkspaceWorkflowsApprovalsExpensesFromPage.tsx b/src/pages/workspace/workflows/approvals/WorkspaceWorkflowsApprovalsExpensesFromPage.tsx index bf2ec37543b2..726fac8dc35d 100644 --- a/src/pages/workspace/workflows/approvals/WorkspaceWorkflowsApprovalsExpensesFromPage.tsx +++ b/src/pages/workspace/workflows/approvals/WorkspaceWorkflowsApprovalsExpensesFromPage.tsx @@ -34,7 +34,7 @@ function WorkspaceWorkflowsApprovalsExpensesFromPage({policy, isLoadingReportDat const {translate} = useLocalize(); const [approvalWorkflow, approvalWorkflowResults] = useOnyx(ONYXKEYS.APPROVAL_WORKFLOW, {canBeMissing: true}); const [personalDetails] = useOnyx(ONYXKEYS.PERSONAL_DETAILS_LIST, {canBeMissing: false}); - const icons = useMemoizedLazyExpensifyIcons(['FallbackAvatar'] as const); + const icons = useMemoizedLazyExpensifyIcons(['FallbackAvatar']); const isLoadingApprovalWorkflow = isLoadingOnyxValue(approvalWorkflowResults); const [selectedMembers, setSelectedMembers] = useState([]); diff --git a/tests/ui/components/FeatureTrainingModalTest.tsx b/tests/ui/components/FeatureTrainingModalTest.tsx index 633f1cba2556..97848d33c0db 100644 --- a/tests/ui/components/FeatureTrainingModalTest.tsx +++ b/tests/ui/components/FeatureTrainingModalTest.tsx @@ -57,7 +57,7 @@ describe('FeatureTrainingModal', () => { }); it('renders svg image', () => { function Component() { - const illustrations = useMemoizedLazyIllustrations(['HoldExpense'] as const); + const illustrations = useMemoizedLazyIllustrations(['HoldExpense']); return ( { beforeAll(() => { // Get illustrations using renderHook BEFORE fake timers to avoid timing issues - const {result} = renderHook(() => useMemoizedLazyIllustrations(['CreditCardEyes'] as const)); + const {result} = renderHook(() => useMemoizedLazyIllustrations(['CreditCardEyes'])); creditCardEyesIcon = result.current.CreditCardEyes; mockGetSubscriptionStatus.mockReturnValue(''); diff --git a/tests/unit/SettlementButtonUtilsTest.ts b/tests/unit/SettlementButtonUtilsTest.ts index e8cd8bdd925f..f85d7cb9e021 100644 --- a/tests/unit/SettlementButtonUtilsTest.ts +++ b/tests/unit/SettlementButtonUtilsTest.ts @@ -118,7 +118,7 @@ describe('getSettlementButtonPaymentMethods', () => { }); it('should return payment method with wallet for PERSONAL_BANK_ACCOUNT when hasActivatedWallet is true', () => { - const {result: icons} = renderHook(() => useMemoizedLazyExpensifyIcons(['Building', 'User'] as const)); + const {result: icons} = renderHook(() => useMemoizedLazyExpensifyIcons(['Building', 'User'])); const result = getSettlementButtonPaymentMethods(icons.current, true, translate); expect(result[CONST.PAYMENT_METHODS.PERSONAL_BANK_ACCOUNT]).toEqual({ text: translate('iou.settleWallet', {formattedAmount: ''}), @@ -129,7 +129,7 @@ describe('getSettlementButtonPaymentMethods', () => { }); it('should return payment method with personal bank account for PERSONAL_BANK_ACCOUNT when hasActivatedWallet is false', () => { - const {result: icons} = renderHook(() => useMemoizedLazyExpensifyIcons(['Building', 'User'] as const)); + const {result: icons} = renderHook(() => useMemoizedLazyExpensifyIcons(['Building', 'User'])); const result = getSettlementButtonPaymentMethods(icons.current, false, translate); expect(result[CONST.PAYMENT_METHODS.PERSONAL_BANK_ACCOUNT]).toEqual({ text: translate('iou.settlePersonal', {formattedAmount: ''}), @@ -140,7 +140,7 @@ describe('getSettlementButtonPaymentMethods', () => { }); it('should return payment method with business bank account for BUSINESS_BANK_ACCOUNT', () => { - const {result: icons} = renderHook(() => useMemoizedLazyExpensifyIcons(['Building', 'User'] as const)); + const {result: icons} = renderHook(() => useMemoizedLazyExpensifyIcons(['Building', 'User'])); const result = getSettlementButtonPaymentMethods(icons.current, true, translate); expect(result[CONST.PAYMENT_METHODS.BUSINESS_BANK_ACCOUNT]).toEqual({ text: translate('iou.settleBusiness', {formattedAmount: ''}), @@ -151,7 +151,7 @@ describe('getSettlementButtonPaymentMethods', () => { }); it('should return payment method elsewhere for ELSEWHERE', () => { - const {result: icons} = renderHook(() => useMemoizedLazyExpensifyIcons(['Building', 'User'] as const)); + const {result: icons} = renderHook(() => useMemoizedLazyExpensifyIcons(['Building', 'User'])); const result = getSettlementButtonPaymentMethods(icons.current, true, translate); expect(result[CONST.IOU.PAYMENT_TYPE.ELSEWHERE]).toEqual({ text: translate('iou.payElsewhere', {formattedAmount: ''}), @@ -163,7 +163,7 @@ describe('getSettlementButtonPaymentMethods', () => { }); it('should return all three payment methods', () => { - const {result: icons} = renderHook(() => useMemoizedLazyExpensifyIcons(['Building', 'User'] as const)); + const {result: icons} = renderHook(() => useMemoizedLazyExpensifyIcons(['Building', 'User'])); const result = getSettlementButtonPaymentMethods(icons.current, true, translate); expect(Object.keys(result)).toHaveLength(3); expect(result).toHaveProperty(CONST.PAYMENT_METHODS.PERSONAL_BANK_ACCOUNT); @@ -175,7 +175,7 @@ describe('getSettlementButtonPaymentMethods', () => { {hasActivatedWallet: true, expectedPersonalKey: 'iou.settleWallet'}, {hasActivatedWallet: false, expectedPersonalKey: 'iou.settlePersonal'}, ])('should use correct texts for each payment method when hasActivatedWallet is $hasActivatedWallet', ({hasActivatedWallet, expectedPersonalKey}) => { - const {result: icons} = renderHook(() => useMemoizedLazyExpensifyIcons(['Building', 'User'] as const)); + const {result: icons} = renderHook(() => useMemoizedLazyExpensifyIcons(['Building', 'User'])); const result = getSettlementButtonPaymentMethods(icons.current, hasActivatedWallet, translate); expect(translate).toHaveBeenCalledTimes(3); expect(translate).toHaveBeenCalledWith(expectedPersonalKey, {formattedAmount: ''}); @@ -203,7 +203,7 @@ describe('getSettlementButtonPaymentMethods', () => { description: 'ELSEWHERE', }, ])('should use correct icon and value for $description regardless of hasActivatedWallet', ({method, expectedValue}) => { - const {result: icons} = renderHook(() => useMemoizedLazyExpensifyIcons(['Building', 'User'] as const)); + const {result: icons} = renderHook(() => useMemoizedLazyExpensifyIcons(['Building', 'User'])); const expectedIcons = { [CONST.PAYMENT_METHODS.PERSONAL_BANK_ACCOUNT]: icons.current.User, [CONST.PAYMENT_METHODS.BUSINESS_BANK_ACCOUNT]: icons.current.Building, @@ -219,7 +219,7 @@ describe('getSettlementButtonPaymentMethods', () => { }); it('should only set shouldUpdateSelectedIndex for elsewhere payment type', () => { - const {result: icons} = renderHook(() => useMemoizedLazyExpensifyIcons(['Building', 'User'] as const)); + const {result: icons} = renderHook(() => useMemoizedLazyExpensifyIcons(['Building', 'User'])); const result = getSettlementButtonPaymentMethods(icons.current, true, translate); expect(result[CONST.PAYMENT_METHODS.PERSONAL_BANK_ACCOUNT]).not.toHaveProperty('shouldUpdateSelectedIndex'); expect(result[CONST.PAYMENT_METHODS.BUSINESS_BANK_ACCOUNT]).not.toHaveProperty('shouldUpdateSelectedIndex');