[HOLD] Revert "Fix anchor renderer for links in report messages & clean up"

src/components/AnchorForCommentsOnly/BaseAnchorForCommentsOnly/index.js

@@ -0,0 +1,104 @@
+import _ from 'underscore';
+import React from 'react';
+import {Pressable, StyleSheet} from 'react-native';
+import lodashGet from 'lodash/get';
+import Str from 'expensify-common/lib/str';
+import Text from '../../Text';
+import {propTypes, defaultProps} from '../anchorForCommentsOnlyPropTypes';
+import PressableWithSecondaryInteraction from '../../PressableWithSecondaryInteraction';
+import * as ReportActionContextMenu from '../../../pages/home/report/ContextMenu/ReportActionContextMenu';
+import * as ContextMenuActions from '../../../pages/home/report/ContextMenu/ContextMenuActions';
+import AttachmentView from '../../AttachmentView';
+import fileDownload from '../../../libs/fileDownload';
+import Tooltip from '../../Tooltip';
+import canUseTouchScreen from '../../../libs/canUseTouchscreen';
+import styles from '../../../styles/styles';
+
+/*
+ * This is a default anchor component for regular links.
+ */
+class BaseAnchorForCommentsOnly extends React.Component {
+    constructor(props) {
+        super(props);
+
+        this.state = {
+            isDownloading: false,
+        };
+        this.processDownload = this.processDownload.bind(this);
+    }
+
+    /**
+     * Initiate file downloading and update downloading flags
+     *
+     * @param {String} href
+     * @param {String} fileName
+     */
+    processDownload(href, fileName) {
+        this.setState({isDownloading: true});
+        fileDownload(href, fileName).then(() => this.setState({isDownloading: false}));
+    }
+
+    render() {
+        let linkRef;
+        const rest = _.omit(this.props, _.keys(propTypes));
+        const defaultTextStyle = canUseTouchScreen() || this.props.isSmallScreenWidth ? {} : styles.userSelectText;
+
+        return (
+            this.props.isAttachment
+                ? (
+                    <Pressable onPress={() => {
+                        if (this.state.isDownloading) {
+                            return;
+                        }
+                        this.processDownload(this.props.href, this.props.displayName);
+                    }}
+                    >
+                        <AttachmentView
+                            sourceURL={this.props.href}
+                            file={{name: this.props.displayName}}
+                            shouldShowDownloadIcon
+                            shouldShowLoadingSpinnerIcon={this.state.isDownloading}
+                        />
+                    </Pressable>
+                )
+                : (
+                    <PressableWithSecondaryInteraction
+                        inline
+                        onSecondaryInteraction={
+                        (event) => {
+                            ReportActionContextMenu.showContextMenu(
+                                Str.isValidEmail(this.props.displayName) ? ContextMenuActions.CONTEXT_MENU_TYPES.EMAIL : ContextMenuActions.CONTEXT_MENU_TYPES.LINK,
+                                event,
+                                this.props.href,
+                                lodashGet(linkRef, 'current'),
+                            );
+                        }
+                    }
+                    >
+                        <Tooltip text={Str.isValidEmail(this.props.displayName) ? '' : this.props.href}>
+                            <Text
+                                ref={el => linkRef = el}
+                                style={StyleSheet.flatten([this.props.style, defaultTextStyle])}
+                                accessibilityRole="link"
+                                href={this.props.href}
+                                hrefAttrs={{
+                                    rel: this.props.rel,
+                                    target: this.props.target,
+                                }}
+                            // eslint-disable-next-line react/jsx-props-no-spreading
+                                {...rest}
+                            >
+                                {this.props.children}
+                            </Text>
+                        </Tooltip>
+                    </PressableWithSecondaryInteraction>
+                )
+        );
+    }
+}
+
+BaseAnchorForCommentsOnly.propTypes = propTypes;
+BaseAnchorForCommentsOnly.defaultProps = defaultProps;
+BaseAnchorForCommentsOnly.displayName = 'BaseAnchorForCommentsOnly';
+
+export default BaseAnchorForCommentsOnly;