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

Update My Badges layout & add placeholders

Browse Source
This commit is contained in:
Serkan Reis 2023-03-06 22:29:08 +03:00
parent d5d9d414fc
commit 278c989703
2 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
.env.example
View File

@ -1,9 +1,9 @@
APP_VERSION=0.4.7 APP_VERSION=0.4.7
NEXT_PUBLIC_PINATA_ENDPOINT_URL=https://api.pinata.cloud/pinning/pinFileToIPFS NEXT_PUBLIC_PINATA_ENDPOINT_URL=https://api.pinata.cloud/pinning/pinFileToIPFS
NEXT_PUBLIC_SG721_CODE_ID=793 NEXT_PUBLIC_SG721_CODE_ID=1702
NEXT_PUBLIC_VENDING_MINTER_CODE_ID=275 NEXT_PUBLIC_VENDING_MINTER_CODE_ID=1701
NEXT_PUBLIC_VENDING_FACTORY_ADDRESS="stars1s48apjumprma0d64ge88dmu7lr8exu02tlw90xxupgds0s25gfasx447dn" NEXT_PUBLIC_VENDING_FACTORY_ADDRESS="stars1xz4d6wzxqn3udgsm5qnr78y032xng4r2ycv7aw6mjtsuw59s2n9s93ec0v"
NEXT_PUBLIC_BASE_FACTORY_ADDRESS="stars1c6juqgd7cm80afpmuszun66rl9zdc4kgfht8fk34tfq3zk87l78sdxngzv" NEXT_PUBLIC_BASE_FACTORY_ADDRESS="stars1c6juqgd7cm80afpmuszun66rl9zdc4kgfht8fk34tfq3zk87l78sdxngzv"
NEXT_PUBLIC_SG721_NAME_ADDRESS="stars1fx74nkqkw2748av8j7ew7r3xt9cgjqduwn8m0ur5lhe49uhlsasszc5fhr" NEXT_PUBLIC_SG721_NAME_ADDRESS="stars1fx74nkqkw2748av8j7ew7r3xt9cgjqduwn8m0ur5lhe49uhlsasszc5fhr"
NEXT_PUBLIC_BASE_MINTER_CODE_ID=613 NEXT_PUBLIC_BASE_MINTER_CODE_ID=613

12
pages/badges/myBadges.tsx
View File

@ -49,12 +49,12 @@ const BadgeList: NextPage = () => {
{myBadges.map((badge: any, index: any) => { {myBadges.map((badge: any, index: any) => {
return ( return (
<tr key={index}> <tr key={index}>
<td className="w-[55%] bg-black"> <td className="w-[35%] bg-black">
<div className="flex items-center space-x-3"> <div className="flex items-center space-x-3">
<div className="avatar"> <div className="avatar">
<div className="w-28 h-28 mask mask-squircle"> <div className="w-28 h-28 mask mask-squircle">
<img <img
alt="Cover" alt="badge-preview"
src={ src={
(badge?.image as string).startsWith('ipfs') (badge?.image as string).startsWith('ipfs')
? `https://ipfs-gw.stargaze-apis.com/ipfs/${(badge?.image as string).substring(7)}` ? `https://ipfs-gw.stargaze-apis.com/ipfs/${(badge?.image as string).substring(7)}`
@ -64,13 +64,15 @@ const BadgeList: NextPage = () => {
</div> </div>
</div> </div>
<div className="pl-2"> <div className="pl-2">
<p className="overflow-auto max-w-xs font-bold no-scrollbar ">{badge.name}</p> <p className="overflow-auto max-w-xs font-bold no-scrollbar ">
{badge.name ? badge.name : 'No name provided.'}
</p>
<p className="max-w-xs text-sm truncate opacity-50">Badge ID: {badge.tokenId}</p> <p className="max-w-xs text-sm truncate opacity-50">Badge ID: {badge.tokenId}</p>
</div> </div>
</div> </div>
</td> </td>
<td className="overflow-auto w-[35%] max-w-xl bg-black no-scrollbar"> <td className="overflow-auto w-[55%] max-w-xl bg-black no-scrollbar">
{badge.description} {badge.description ? badge.description : 'No description provided.'}
{/* <br /> */} {/* <br /> */}
{/* <span className="badge badge-ghost badge-sm"></span> */} {/* <span className="badge badge-ghost badge-sm"></span> */}
</td> </td>