fix: don't shorten ens names

src/components/Claim/Link/Onchain/Confirm.view.tsx

@@ -184,7 +184,7 @@ export const ConfirmClaimLinkView = ({
                 <label className="text-h7 font-normal">Claiming to:</label>
                 <span className="flex items-center gap-1 ">
                     <label className="text-h7">
-                        {recipient.name ? recipient.name : utils.shortenAddressLong(recipient.address ?? '')}
+                        {recipient.name ? recipient.name : utils.printableAddress(recipient.address ?? '')}
                     </label>
                     {recipient.name && <MoreInfo text={`You will be claiming to ${recipient.address}`} />}
                 </span>

src/components/Create/Link/Confirm.view.tsx

@@ -186,7 +186,7 @@ export const CreateLinkConfirmView = ({
                 {createType == 'link'
                     ? 'Text Tokens'
                     : createType == 'direct'
-                      ? `Send to ${recipient.name?.endsWith('.eth') ? recipient.name : utils.shortenAddressLong(recipient.address ?? '')}`
+                      ? `Send to ${recipient.name?.endsWith('.eth') ? recipient.name : utils.printableAddress(recipient.address ?? '')}`
                       : `Send to ${recipient.name}`}
             </label>
             <label className="max-w-96 text-start text-h8 font-light">

src/components/Create/Link/Initial.view.tsx

@@ -231,7 +231,7 @@ export const CreateLinkInitialView = ({
                                         <div className="rounded-full border border-n-1">
                                             <Icon name="profile" className="h-6 w-6" />
                                         </div>
-                                        <div className="truncate">{utils.shortenAddressLong(recipient.address, 6)}</div>
+                                        <div className="truncate">{utils.printableAddress(recipient.address)}</div>
                                     </div>
                                     <label className="font-normal">
                                         {' '}

src/components/Create/Link/Input.view.tsx

@@ -241,7 +241,7 @@ export const CreateLinkInputView = ({
                 {createType === 'link'
                     ? 'Text Tokens'
                     : createType === 'direct'
-                      ? `Send to ${recipient.name?.endsWith('.eth') ? recipient.name : utils.shortenAddressLong(recipient.address ?? '')}`
+                      ? `Send to ${recipient.name?.endsWith('.eth') ? recipient.name : utils.printableAddress(recipient.address ?? '')}`
                       : `Send to ${recipient.name}`}
             </label>
             <label className="max-w-96 text-start text-h8 font-light">

src/components/Create/Link/Success.view.tsx

@@ -86,7 +86,7 @@ export const CreateLinkSuccessView = ({
             {link && <QRCodeWrapper url={link} />}
             <label className="text-h8 ">
                 {createType === 'direct'
-                    ? `You have successfully sent the funds to ${recipient.name?.endsWith('.eth') ? recipient.name : utils.shortenAddressLong(recipient.address ?? '')}.`
+                    ? `You have successfully sent the funds to ${recipient.name?.endsWith('.eth') ? recipient.name : utils.printableAddress(recipient.address ?? '')}.`
                     : 'Share this link or QR code with the recipient. They will be able to claim the funds on any chain in any token.'}
             </label>
             {link && (

src/components/Dashboard/components/MobileComponent.tsx

@@ -44,7 +44,7 @@ export const MobileItemComponent = ({
                         {linkDetail.chain}]
                     </label>
 
-                    <label>From: {utils.shortenAddressLong(linkDetail.address ?? address)}</label>
+                    <label>From: {utils.printableAddress(linkDetail.address ?? address)}</label>
                 </div>
                 <div className="flex flex-col items-end justify-end gap-2 text-end">
                     <div>

src/components/Dashboard/index.tsx

@@ -112,7 +112,7 @@ export const Dashboard = () => {
                     <label className="text-h2">Dashboard</label>
                     <label className="text-h7 font-normal">
                         {dashboardData.length > 0
-                            ? `See all links created and claimed  ${address ? `with ${utils.shortenAddressLong(address)}` : 'on this device'}`
+                            ? `See all links created and claimed  ${address ? `with ${utils.printableAddress(address)}` : 'on this device'}`
                             : 'You have not created or claimed any links yet.'}
                     </label>
                 </div>
@@ -184,7 +184,7 @@ export const Dashboard = () => {
                                                 <td className="td-custom font-bold">{link.chain}</td>
                                                 <td className="td-custom">{utils.formatDate(new Date(link.date))}</td>
                                                 <td className="td-custom">
-                                                    {utils.shortenAddressLong(link.address ?? address ?? '')}
+                                                    {utils.printableAddress(link.address ?? address ?? '')}
                                                 </td>
                                                 <td className="td-custom max-w-32">
                                                     <span

src/components/Profile/Components/TableComponent.tsx

@@ -108,7 +108,7 @@ export const TableComponent = ({
                                     <td className="td-custom font-bold">{data.dashboardItem.chain}</td>
                                     <td className="td-custom">{utils.formatDate(new Date(data.dashboardItem.date))}</td>
                                     <td className="td-custom">
-                                        {utils.shortenAddressLong(data.dashboardItem.address ?? '')}
+                                        {utils.printableAddress(data.dashboardItem.address ?? '')}
                                     </td>
                                     <td className="td-custom max-w-32">
                                         <span

src/components/Profile/index.tsx

@@ -77,7 +77,7 @@ export const Profile = () => {
     const [initialUserName, setInitialUserName] = useState(
         user?.user?.username ??
             user?.user?.email ??
-            (user?.accounts ? utils.shortenAddressLong(user?.accounts[0]?.account_identifier) : '')
+            (user?.accounts ? utils.printableAddress(user?.accounts[0]?.account_identifier) : '')
     )
     const toastIdRef = useRef<ToastId | undefined>(undefined)
     const toast = useToast({
@@ -271,7 +271,7 @@ export const Profile = () => {
                             primaryText: data.userName,
                             address: data.address,
                             secondaryText: '',
-                            tertiaryText: utils.shortenAddressLong(data.address) ?? '',
+                            tertiaryText: utils.printableAddress(data.address) ?? '',
                             quaternaryText: data.txs.toString(),
                             itemKey: data.userName + Math.random(),
                             type: 'contacts',
@@ -392,7 +392,7 @@ export const Profile = () => {
 
                                     <span className="flex justify-center gap-1 text-h8 font-normal">
                                         {user?.user?.email ??
-                                            utils.shortenAddressLong(user.accounts?.[0]?.account_identifier)}
+                                            utils.printableAddress(user.accounts?.[0]?.account_identifier)}
                                         <div className={`flex flex-row items-center justify-center `}>
                                             <div
                                                 className={`kyc-badge select-none ${user?.user?.kycStatus === 'verified' ? 'bg-kyc-green px-2 py-1 text-black' : 'bg-gray-1 text-white hover:ring-2 hover:ring-gray-2'} w-max`}
@@ -561,7 +561,7 @@ export const Profile = () => {
                                                         )
                                                     }}
                                                 />
-                                                {utils.shortenAddressLong(referral.address, 6)}
+                                                {utils.printableAddress(referral.address)}
                                             </label>
                                             <label className="w-[30%] text-center text-h8">
                                                 {referral?.totalReferrals ?? 0}

src/components/Request/Pay/Views/Success.view.tsx

@@ -17,7 +17,6 @@ export const SuccessView = ({ transactionHash, requestLinkData }: _consts.IPaySc
     >(undefined)
     const explorerUrlAxelarWithTx = 'https://axelarscan.io/gmp/' + transactionHash
 
-
     useEffect(() => {
         if (transactionHash) {
             fetchDestinationChain(transactionHash, setExplorerUrlDestChainWithTxHash)
@@ -27,11 +26,7 @@ export const SuccessView = ({ transactionHash, requestLinkData }: _consts.IPaySc
         <div className="flex w-full flex-col items-center justify-center gap-6 py-2 pb-20 text-center">
             <label className="text-h2">Yay!</label>
             <label className="text-h8 font-bold ">
-                You have successfully paid{' '}
-                {requestLinkData.recipientAddress.endsWith('.eth')
-                    ? requestLinkData.recipientAddress
-                    : utils.shortenAddressLong(requestLinkData.recipientAddress)}
-                !
+                You have successfully paid {utils.printableAddress(requestLinkData.recipientAddress)}!
             </label>
             <div className="flex w-full flex-col items-start justify-center gap-1.5 text-h9 font-normal">
                 <label className="text-h8 font-normal text-gray-1">Transaction details</label>

src/utils/general.utils.ts

@@ -1,7 +1,6 @@
 import * as interfaces from '@/interfaces'
 import * as consts from '@/constants'
-import peanut, { interfaces as peanutInterfaces } from '@squirrel-labs/peanut-sdk'
-import { exportTraceState } from 'next/dist/trace'
+import peanut from '@squirrel-labs/peanut-sdk'
 import { ethers } from 'ethers'
 
 export const shortenAddress = (address: string) => {
@@ -10,15 +9,19 @@ export const shortenAddress = (address: string) => {
     return firstBit + '..'
 }
 
-export const shortenAddressLong = (address: string, chars?: number) => {
-    if (!address) return
+export const shortenAddressLong = (address: string, chars?: number): string => {
     if (!chars) chars = 6
     const firstBit = address.substring(0, chars)
     const endingBit = address.substring(address.length - chars, address.length)
 
     return firstBit + '...' + endingBit
 }
 
+export const printableAddress = (address: string): string => {
+    if (address.endsWith('.eth')) return address
+    return shortenAddressLong(address)
+}
+
 export const shortenHash = (address: string) => {
     if (!address) return
     const firstBit = address.substring(0, 8)