Rocket.Chat.ReactNative/app/containers/markdown/Link.tsx

45 lines
1.2 KiB
TypeScript
Raw Normal View History

import React from 'react';
import { Clipboard, Text } from 'react-native';
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';
import openLink from '../../utils/openLink';
import { TOnLinkPress } from './interfaces';
interface ILink {
children: React.ReactElement | null;
link: string;
theme: string;
onLinkPress?: TOnLinkPress;
}
const Link = React.memo(({ children, link, theme, onLinkPress }: ILink) => {
const handlePress = () => {
if (!link) {
return;
}
if (onLinkPress) {
return onLinkPress(link);
}
openLink(link, theme);
};
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') });
};
// if you have a [](https://rocket.chat) render https://rocket.chat
return (
<Text onPress={handlePress} onLongPress={onLongPress} style={{ ...styles.link, color: themes[theme].actionTintColor }}>
{childLength !== 0 ? children : link}
</Text>
);
});
export default Link;