diff --git a/apps/web/src/components/views/messages/TextualBody.tsx b/apps/web/src/components/views/messages/TextualBody.tsx index f51f3db924..478e1094e4 100644 --- a/apps/web/src/components/views/messages/TextualBody.tsx +++ b/apps/web/src/components/views/messages/TextualBody.tsx @@ -32,7 +32,7 @@ import AccessibleButton from "../elements/AccessibleButton"; import { getParentEventId } from "../../../utils/Reply"; import { EditWysiwygComposer } from "../rooms/wysiwyg_composer"; import { type IEventTileOps } from "../rooms/EventTile"; -import { UrlPreviewViewModel } from "../../../viewmodels/message-body/UrlPreviewViewModel.ts"; +import { UrlPreviewViewModel } from "../../../viewmodels/message-body/UrlPreviewViewModel"; import { MatrixClientPeg } from "../../../MatrixClientPeg.ts"; import { useMediaVisible } from "../../../hooks/useMediaVisible.ts"; import ImageView from "../elements/ImageView.tsx"; diff --git a/apps/web/src/viewmodels/message-body/UrlPreviewViewModel.ts b/apps/web/src/viewmodels/message-body/UrlPreviewViewModel.tsx similarity index 98% rename from apps/web/src/viewmodels/message-body/UrlPreviewViewModel.ts rename to apps/web/src/viewmodels/message-body/UrlPreviewViewModel.tsx index b0bba52b83..6defd2bee8 100644 --- a/apps/web/src/viewmodels/message-body/UrlPreviewViewModel.ts +++ b/apps/web/src/viewmodels/message-body/UrlPreviewViewModel.tsx @@ -13,12 +13,15 @@ import { } from "@element-hq/web-shared-components"; import { logger as rootLogger } from "matrix-js-sdk/src/logger"; import { type IPreviewUrlResponse, type MatrixClient, MatrixError, type MatrixEvent } from "matrix-js-sdk/src/matrix"; +import React, { type ReactNode } from "react"; import { isPermalinkHost } from "../../utils/permalinks/Permalinks"; import { mediaFromMxc } from "../../customisations/Media"; import PlatformPeg from "../../PlatformPeg"; import { thumbHeight } from "../../ImageUtils"; import SettingsStore from "../../settings/SettingsStore"; +import { Linkify } from "../../Linkify"; +import { decode } from "html-entities"; const logger = rootLogger.getChild("UrlPreviewViewModel"); @@ -114,7 +117,7 @@ export class UrlPreviewViewModel return { title, - description, + description: description && {decode(description)}, siteName, }; }