From 57a558f2582116519eb2c8e9482c057812791be4 Mon Sep 17 00:00:00 2001
From: Keith Grootboom <keith@opencraft.com>
Date: Thu, 23 Mar 2023 09:27:45 +0200
Subject: [PATCH] chore: use Hyperlink instead

---
 .../components/VideoPreviewWidget/index.jsx         | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/VideoPreviewWidget/index.jsx b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/VideoPreviewWidget/index.jsx
index 4a17b2372..9f8d6c537 100644
--- a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/VideoPreviewWidget/index.jsx
+++ b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/VideoPreviewWidget/index.jsx
@@ -1,8 +1,7 @@
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import {
-  Collapsible, Icon, Image, Stack,
+  Collapsible, Image, Stack, Hyperlink,
 } from '@edx/paragon';
-import { Launch } from '@edx/paragon/icons';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { connect } from 'react-redux';
@@ -46,18 +45,14 @@ export const VideoPreviewWidget = ({
             <h4 className="text-primary mb-0">{blockTitle}</h4>
             <LanguageNamesWidget transcripts={transcripts} />
             {videoType && (
-              <a
+              <Hyperlink
                 className="text-primary x-small"
-                href={videoSource}
+                destination={videoSource}
                 target="_blank"
                 rel="noopener noreferrer"
               >
                 {videoType}
-                <Icon
-                  className="d-inline-block align-text-bottom pgn__icon__sm"
-                  src={Launch}
-                />
-              </a>
+              </Hyperlink>
             )}
           </Stack>
         </div>