@rango-dev/widget-embedded 0.39.1-next.19 → 0.39.1-next.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.39.1-next.19",
+  "version": "0.39.1-next.20",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",

package/src/components/SwapDetailsModal/SwapDetailsCompleteModal.tsx

@@ -9,13 +9,19 @@ import {
   Typography,
 } from '@rango-dev/ui';
 import React from 'react';
-import { useNavigate } from 'react-router-dom';
+import { Link, useNavigate } from 'react-router-dom';
 
 import { WIDGET_UI_ID } from '../../constants';
+import {
+  PROFILE_BANNER_IMAGE_SOURCE,
+  PROFILE_BANNER_NAVIGATION_LINK,
+} from '../../constants/profileBanner';
 import { useUiStore } from '../../store/ui';
 import { getContainer } from '../../utils/common';
 import { WatermarkedModal } from '../common/WatermarkedModal';
 
+import { ProfileBanner } from './SwapDetailsModal.styles';
+
 export function SwapDetailsCompleteModal(props: CompleteModalPropTypes) {
   const {
     open,
@@ -79,12 +85,13 @@ export function SwapDetailsCompleteModal(props: CompleteModalPropTypes) {
         <>
           {showProfileBanner && (
             <>
-              <img
-                src={
-                  'https://raw.githubusercontent.com/rango-exchange/assets/main/banners/widget/profile.jpg'
-                }
-                alt="Profile Banner"
-              />
+              <Link to={PROFILE_BANNER_NAVIGATION_LINK}>
+                <ProfileBanner
+                  src={PROFILE_BANNER_IMAGE_SOURCE}
+                  alt="Profile Banner"
+                />
+              </Link>
+
               <Divider size={30} />
             </>
           )}

package/src/components/SwapDetailsModal/SwapDetailsModal.styles.ts

@@ -12,3 +12,7 @@ export const TooltipErrorContent = styled('div', {
     display: 'block',
   },
 });
+
+export const ProfileBanner = styled('img', {
+  width: '100%',
+});

package/src/constants/profileBanner.ts

@@ -0,0 +1,3 @@
+export const PROFILE_BANNER_IMAGE_SOURCE =
+  'https://raw.githubusercontent.com/rango-exchange/assets/main/banners/widget/profile.jpg';
+export const PROFILE_BANNER_NAVIGATION_LINK = '/profile';