fix: clickable addresses of issuers

picsoritdidnthappen · Jul 15, 2024 · 45c20e8 · 45c20e8
1 parent 081be80
commit 45c20e8
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 5 deletions.
diff --git a/src/components/bounty/BountyInfo.tsx b/src/components/bounty/BountyInfo.tsx
@@ -11,6 +11,7 @@ import CreateProof from '@/components/ui/CreateProof';
 
 import { cancelOpenBounty, cancelSoloBounty } from '@/app/context/web3';
 import { blacklistedBounties } from '@/constant/blacklist';
+import Link from 'next/link';
 //
 function weiToEther(weiValue: string | number | bigint): string {
   const etherValue = Number(weiValue) / 1e18;
@@ -114,7 +115,13 @@ const BountyInfo = ({ bountyId }: { bountyId: string }) => {
           </p>
           <p className='mt-5 normal-case break-all'>
             bounty issuer:{' '}
-            {bountyData?.issuerDegenOrEnsName || bountyData?.issuer}
+            <Link
+              href={`/account/${bountyData?.issuer}`}
+              className='hover:text-gray-200'
+            >
+              {' '}
+              {bountyData?.issuerDegenOrEnsName || bountyData?.issuer}
+            </Link>
           </p>
         </div>
 

diff --git a/src/components/bounty/ProofItem.tsx b/src/components/bounty/ProofItem.tsx
@@ -9,6 +9,7 @@ import { useBountyContext } from '@/components/bounty/BountyProvider';
 
 import { acceptClaim, getURI, submitClaimForVote } from '@/app/context/web3';
 import { applyBreakAllToLongWords } from '@/lib/uiHelpers';
+import Link from 'next/link';
 
 interface ProofItemProps {
   id: string;
@@ -160,8 +161,10 @@ const ProofItem: React.FC<ProofItemProps> = ({
         <div className='mt-2 py-2 flex flex-row justify-between text-sm border-t border-dashed'>
           <span className=''>issuer</span>
           <span className='flex flex-row'>
-            {issuerDegenOrEnsName ||
-              `$` + issuer.slice(0, 5) + '...' + issuer.slice(-6)}
+            <Link href={`/account/${issuer}`} className='hover:text-gray-200'>
+              {issuerDegenOrEnsName ||
+                `$` + issuer.slice(0, 5) + '...' + issuer.slice(-6)}
+            </Link>
             <span className='ml-1'>
               <button onClick={() => copyAddresstoClipboard(issuer)}>
                 <LiaCopySolid color='white' size={20} />

diff --git a/src/components/bounty/ProofItemAccount.tsx b/src/components/bounty/ProofItemAccount.tsx
@@ -112,10 +112,10 @@ const ProofItem: React.FC<ProofItemProps> = ({
 
           <div className='mt-2 py-2 flex flex-row justify-between text-sm border-t border-dashed'>
             <span className=''>issuer</span>
-            <span>
+            <Link href={`/account/${issuer}`} className='hover:text-gray-200'>
               {issuerDegenOrEnsName ||
                 `$` + issuer.slice(0, 5) + '...' + issuer.slice(-6)}
-            </span>
+            </Link>
           </div>
           <div>claim id: {id}</div>
         </div>