diff --git a/frontend-tools/video-editor/client/src/components/TimelineControls.tsx b/frontend-tools/video-editor/client/src/components/TimelineControls.tsx index 0605c2bd..2fb92549 100644 --- a/frontend-tools/video-editor/client/src/components/TimelineControls.tsx +++ b/frontend-tools/video-editor/client/src/components/TimelineControls.tsx @@ -14,6 +14,18 @@ import segmentEndIcon from '../assets/segment-end-new.svg'; import segmentStartIcon from '../assets/segment-start-new.svg'; import segmentNewStartIcon from '../assets/segment-start-new-cutaway.svg'; import segmentNewEndIcon from '../assets/segment-end-new-cutaway.svg'; + +// Add styles for the media page link +const mediaPageLinkStyles = { + color: '#007bff', + textDecoration: 'none', + fontWeight: 'bold', + '&:hover': { + textDecoration: 'underline', + color: '#0056b3' + } +} as const; + interface TimelineControlsProps { currentTime: number; duration: number; @@ -4129,8 +4141,10 @@ const TimelineControls = ({

{saveType === "segments" - ? "You will be redirected to your media page in " - : "You will be redirected to your media page in "} + ? "You will be redirected to your " + : "You will be redirected to your "} + media page + {" in "} 10 seconds. {' '} {saveType === "segments" ? "The new video(s) will soon be there."