LaconicNetwork/stargaze-studio
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Truncate contract addresses on My Collections

Browse Source
This commit is contained in:
Serkan Reis 2023-04-04 10:17:41 +03:00
parent 9c740d0fb0
commit 8fe784fdf6
1 changed files with 19 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
pages/collections/myCollections.tsx
View File

@ -20,6 +20,7 @@ import { copy } from 'utils/clipboard'
import { API_URL, STARGAZE_URL } from 'utils/constants' import { API_URL, STARGAZE_URL } from 'utils/constants'
import { withMetadata } from 'utils/layout' import { withMetadata } from 'utils/layout'
import { links } from 'utils/links' import { links } from 'utils/links'
import { truncateMiddle } from 'utils/text'
const CollectionList: NextPage = () => { const CollectionList: NextPage = () => {
const wallet = useWallet() const wallet = useWallet()
@ -132,7 +133,9 @@ const CollectionList: NextPage = () => {
onClick={() => void copy(collection.minter as string)} onClick={() => void copy(collection.minter as string)}
type="button" type="button"
> >
<span>{collection.minter}</span> <span>
{truncateMiddle(collection.minter ? (collection.minter as string) : '', 36)}
</span>
<FaCopy className="opacity-0 group-hover:opacity-100" /> <FaCopy className="opacity-0 group-hover:opacity-100" />
</button> </button>
</Tooltip> </Tooltip>
@ -147,7 +150,12 @@ const CollectionList: NextPage = () => {
onClick={() => void copy(collection.contractAddress as string)} onClick={() => void copy(collection.contractAddress as string)}
type="button" type="button"
> >
<span>{collection.contractAddress}</span> <span>
{truncateMiddle(
collection.contractAddress ? (collection.contractAddress as string) : '',
36,
)}
</span>
<FaCopy className="opacity-0 group-hover:opacity-100" /> <FaCopy className="opacity-0 group-hover:opacity-100" />
</button> </button>
</Tooltip> </Tooltip>
@ -228,7 +236,9 @@ const CollectionList: NextPage = () => {
onClick={() => void copy(collection.minter as string)} onClick={() => void copy(collection.minter as string)}
type="button" type="button"
> >
<span>{collection.minter}</span> <span>
{truncateMiddle(collection.minter ? (collection.minter as string) : '', 36)}
</span>
<FaCopy className="opacity-0 group-hover:opacity-100" /> <FaCopy className="opacity-0 group-hover:opacity-100" />
</button> </button>
</Tooltip> </Tooltip>
@ -243,7 +253,12 @@ const CollectionList: NextPage = () => {
onClick={() => void copy(collection.contractAddress as string)} onClick={() => void copy(collection.contractAddress as string)}
type="button" type="button"
> >
<span>{collection.contractAddress}</span> <span>
{truncateMiddle(
collection.contractAddress ? (collection.contractAddress as string) : '',
36,
)}
</span>
<FaCopy className="opacity-0 group-hover:opacity-100" /> <FaCopy className="opacity-0 group-hover:opacity-100" />
</button> </button>
</Tooltip> </Tooltip>