2019-08-27 12:25:38 +00:00
|
|
|
import React from 'react';
|
|
|
|
import PropTypes from 'prop-types';
|
2020-02-14 13:39:42 +00:00
|
|
|
import { Text, Clipboard } from 'react-native';
|
2019-08-27 12:25:38 +00:00
|
|
|
|
|
|
|
import styles from './styles';
|
2019-12-04 16:39:53 +00:00
|
|
|
import { themes } from '../../constants/colors';
|
2020-02-14 13:39:42 +00:00
|
|
|
import { LISTENER } from '../Toast';
|
|
|
|
import EventEmitter from '../../utils/events';
|
|
|
|
import I18n from '../../i18n';
|
2019-08-27 12:25:38 +00:00
|
|
|
|
|
|
|
const Link = React.memo(({
|
2021-05-26 17:24:54 +00:00
|
|
|
children, link, theme, onLinkPress
|
2019-08-27 12:25:38 +00:00
|
|
|
}) => {
|
|
|
|
const handlePress = () => {
|
2021-06-10 17:32:35 +00:00
|
|
|
if (!link || !onLinkPress) {
|
2019-08-27 12:25:38 +00:00
|
|
|
return;
|
|
|
|
}
|
2021-05-26 17:24:54 +00:00
|
|
|
onLinkPress(link);
|
2019-08-27 12:25:38 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
const childLength = React.Children.toArray(children).filter(o => o).length;
|
2020-02-14 13:39:42 +00:00
|
|
|
const onLongPress = () => {
|
|
|
|
Clipboard.setString(link);
|
|
|
|
EventEmitter.emit(LISTENER, { message: I18n.t('Copied_to_clipboard') });
|
|
|
|
};
|
2019-08-27 12:25:38 +00:00
|
|
|
|
|
|
|
// if you have a [](https://rocket.chat) render https://rocket.chat
|
|
|
|
return (
|
|
|
|
<Text
|
2020-02-28 16:18:03 +00:00
|
|
|
onPress={handlePress}
|
|
|
|
onLongPress={onLongPress}
|
|
|
|
style={{ ...styles.link, color: themes[theme].actionTintColor }}
|
2019-08-27 12:25:38 +00:00
|
|
|
>
|
|
|
|
{ childLength !== 0 ? children : link }
|
|
|
|
</Text>
|
|
|
|
);
|
|
|
|
});
|
|
|
|
|
|
|
|
Link.propTypes = {
|
|
|
|
children: PropTypes.node,
|
2019-10-04 13:28:36 +00:00
|
|
|
link: PropTypes.string,
|
2021-05-26 17:24:54 +00:00
|
|
|
theme: PropTypes.string,
|
|
|
|
onLinkPress: PropTypes.func
|
2019-08-27 12:25:38 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
export default Link;
|