verdnatura-mirror
/
verdnatura-chat
forked from verdnatura-mirror/Rocket.Chat.ReactNative
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[FIX] Link preview with embed image

This commit is contained in:
Reinaldo Neto 2022-12-01 19:44:44 -03:00
parent a8b3a3b7de
commit c7d2f306c5
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
app/containers/message/Urls.tsx
View File

@ -94,6 +94,11 @@ const UrlContent = React.memo(
}
);
const isImage = (url: string) => {
const regExpUrlImage = new RegExp(/\.(jpg|jpeg|png|webp|avif|gif|svg)$/);
return regExpUrlImage.test(url);
};
const Url = React.memo(
({ url, index, theme }: { url: IUrl; index: number; theme: TSupportedThemes }) => {
if (!url || url?.ignoreParse) {
@ -107,6 +112,14 @@ const Url = React.memo(
EventEmitter.emit(LISTENER, { message: I18n.t('Copied_to_clipboard') });
};
let imageUrl;
if (url.image) {
imageUrl = url.image;
} else {
imageUrl = isImage(url.url) ? url.url : '';
}
return (
<Touchable
onPress={onPress}
@ -123,8 +136,8 @@ const Url = React.memo(
background={Touchable.Ripple(themes[theme].bannerBackground)}
>
<>
<UrlImage image={url.image} />
<UrlContent title={url.title} description={url.description} theme={theme} />
<UrlImage image={imageUrl} />
{url.title || url.description ? <UrlContent title={url.title} description={url.description} theme={theme} /> : null}
</>
</Touchable>
);