From cf7d445e4a0513c61d90df3ab9fce1426e46e0c3 Mon Sep 17 00:00:00 2001
From: Braian Mellor <braianj@gmail.com>
Date: Wed, 29 May 2024 12:52:04 -0300
Subject: [PATCH] feat: Link profile from market

---
 .../components/AccountPage/AccountBanner/AccountBanner.css | 5 +++++
 .../components/AccountPage/AccountBanner/AccountBanner.tsx | 7 ++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/webapp/src/components/AccountPage/AccountBanner/AccountBanner.css b/webapp/src/components/AccountPage/AccountBanner/AccountBanner.css
index d807c2bab8..dc6d65a079 100644
--- a/webapp/src/components/AccountPage/AccountBanner/AccountBanner.css
+++ b/webapp/src/components/AccountPage/AccountBanner/AccountBanner.css
@@ -11,6 +11,11 @@
   right: 0;
 }
 
+.AccountBanner .profile-name a {
+  color: white;
+  text-decoration: underline;
+}
+
 .AccountBanner .cover-top {
   display: flex;
   justify-content: space-between;
diff --git a/webapp/src/components/AccountPage/AccountBanner/AccountBanner.tsx b/webapp/src/components/AccountPage/AccountBanner/AccountBanner.tsx
index 339a4003db..54bf8d6e3e 100644
--- a/webapp/src/components/AccountPage/AccountBanner/AccountBanner.tsx
+++ b/webapp/src/components/AccountPage/AccountBanner/AccountBanner.tsx
@@ -5,6 +5,7 @@ import { Profile } from 'decentraland-dapps/dist/containers'
 import { isMobile } from 'decentraland-dapps/dist/lib/utils'
 import { t } from 'decentraland-dapps/dist/modules/translation/utils'
 import { Back, Container, Loader } from 'decentraland-ui'
+import { config } from '../../../config'
 import copyText from '../../../lib/copyText'
 import { useTimer } from '../../../lib/timer'
 import { LinkType } from '../../../modules/store/types'
@@ -16,6 +17,8 @@ import { PageHeader } from '../../PageHeader'
 import { Props } from './AccountBanner.types'
 import './AccountBanner.css'
 
+const PROFILE_URL = config.get('PROFILE_URL')
+
 const AccountBanner = ({ address, store, isLoading, onBack, onFetchStore }: Props) => {
   const [hasCopiedAddress, setHasCopied] = useTimer(1200)
   const [openExternalLinkModal, setOpenExternalLinkModal] = useState<string>()
@@ -51,7 +54,9 @@ const AccountBanner = ({ address, store, isLoading, onBack, onFetchStore }: Prop
             <Column>
               <Profile address={address} imageOnly inline={false} size="huge" />
               <div className="profile-name">
-                <Profile address={address} textOnly inline={false} />
+                <a href={`${PROFILE_URL}/accounts/${address}`} target="_blank">
+                  <Profile address={address} textOnly inline={false} />
+                </a>
               </div>
               <div className="profile-address">
                 <div className="profile-address-hash">{shortenAddress(address)}</div>