From 91518a1bc46930fc90e9c383cb56fee97b55a213 Mon Sep 17 00:00:00 2001
From: Sarthak Pranesh <41206172+sarthakpranesh@users.noreply.github.com>
Date: Fri, 14 Feb 2020 19:09:42 +0530
Subject: [PATCH] [IMPROVEMENT] Hold URL to copy (#1684)

---
 __mocks__/bugsnag-react-native.js               |  8 ++++++++
 __mocks__/react-native-firebase.js              |  3 +++
 __tests__/__snapshots__/Storyshots.test.js.snap |  3 +++
 app/containers/markdown/Link.js                 | 10 +++++++++-
 app/containers/message/Urls.js                  | 13 ++++++++++++-
 5 files changed, 35 insertions(+), 2 deletions(-)
 create mode 100644 __mocks__/bugsnag-react-native.js
 create mode 100644 __mocks__/react-native-firebase.js

diff --git a/__mocks__/bugsnag-react-native.js b/__mocks__/bugsnag-react-native.js
new file mode 100644
index 000000000..637b8e450
--- /dev/null
+++ b/__mocks__/bugsnag-react-native.js
@@ -0,0 +1,8 @@
+export class Client { }
+
+export default {
+	bugsnag: () => '',
+	leaveBreadcrumb: () => '',
+	notify: () => '',
+	loggerConfig: () => ''
+};
diff --git a/__mocks__/react-native-firebase.js b/__mocks__/react-native-firebase.js
new file mode 100644
index 000000000..582f7cea1
--- /dev/null
+++ b/__mocks__/react-native-firebase.js
@@ -0,0 +1,3 @@
+export default {
+	analytics: null
+};
diff --git a/__tests__/__snapshots__/Storyshots.test.js.snap b/__tests__/__snapshots__/Storyshots.test.js.snap
index 6d5507b94..ed7afaf9e 100644
--- a/__tests__/__snapshots__/Storyshots.test.js.snap
+++ b/__tests__/__snapshots__/Storyshots.test.js.snap
@@ -27460,6 +27460,7 @@ exports[`Storyshots Message list message 1`] = `
                     Support 
                   </Text>
                   <Text
+                    onLongPress={[Function]}
                     onPress={[Function]}
                     style={
                       Object {
@@ -27531,6 +27532,7 @@ exports[`Storyshots Message list message 1`] = `
                      
                   </Text>
                   <Text
+                    onLongPress={[Function]}
                     onPress={[Function]}
                     style={
                       Object {
@@ -27666,6 +27668,7 @@ exports[`Storyshots Message list message 1`] = `
                      
                   </Text>
                   <Text
+                    onLongPress={[Function]}
                     onPress={[Function]}
                     style={
                       Object {
diff --git a/app/containers/markdown/Link.js b/app/containers/markdown/Link.js
index a8f4d4a7c..c974a0f25 100644
--- a/app/containers/markdown/Link.js
+++ b/app/containers/markdown/Link.js
@@ -1,10 +1,13 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Text } from 'react-native';
+import { Text, Clipboard } from 'react-native';
 
 import styles from './styles';
 import { themes } from '../../constants/colors';
 import openLink from '../../utils/openLink';
+import { LISTENER } from '../Toast';
+import EventEmitter from '../../utils/events';
+import I18n from '../../i18n';
 
 const Link = React.memo(({
 	children, link, preview, theme
@@ -17,11 +20,16 @@ const Link = React.memo(({
 	};
 
 	const childLength = React.Children.toArray(children).filter(o => o).length;
+	const onLongPress = () => {
+		Clipboard.setString(link);
+		EventEmitter.emit(LISTENER, { message: I18n.t('Copied_to_clipboard') });
+	};
 
 	// if you have a [](https://rocket.chat) render https://rocket.chat
 	return (
 		<Text
 			onPress={preview ? undefined : handlePress}
+			onLongPress={preview ? undefined : onLongPress}
 			style={
 				!preview
 					? { ...styles.link, color: themes[theme].actionTintColor }
diff --git a/app/containers/message/Urls.js b/app/containers/message/Urls.js
index 4c67faa7b..a10459e9d 100644
--- a/app/containers/message/Urls.js
+++ b/app/containers/message/Urls.js
@@ -1,5 +1,7 @@
 import React from 'react';
-import { View, Text, StyleSheet } from 'react-native';
+import {
+	View, Text, StyleSheet, Clipboard
+} from 'react-native';
 import PropTypes from 'prop-types';
 import FastImage from 'react-native-fast-image';
 import Touchable from 'react-native-platform-touchable';
@@ -10,6 +12,9 @@ import sharedStyles from '../../views/Styles';
 import { themes } from '../../constants/colors';
 import { withTheme } from '../../theme';
 import { withSplit } from '../../split';
+import { LISTENER } from '../Toast';
+import EventEmitter from '../../utils/events';
+import I18n from '../../i18n';
 
 const styles = StyleSheet.create({
 	button: {
@@ -82,9 +87,15 @@ const Url = React.memo(({
 
 	const onPress = () => openLink(url.url, theme);
 
+	const onLongPress = () => {
+		Clipboard.setString(url.url);
+		EventEmitter.emit(LISTENER, { message: I18n.t('Copied_to_clipboard') });
+	};
+
 	return (
 		<Touchable
 			onPress={onPress}
+			onLongPress={onLongPress}
 			style={[
 				styles.button,
 				index > 0 && styles.marginTop,