From 278c9897032d25d1403c528660ccdff0b5e50532 Mon Sep 17 00:00:00 2001
From: Serkan Reis <serkanreis@gmail.com>
Date: Mon, 6 Mar 2023 22:29:08 +0300
Subject: [PATCH] Update My Badges layout & add placeholders

---
 .env.example              |  6 +++---
 pages/badges/myBadges.tsx | 12 +++++++-----
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/.env.example b/.env.example
index e98f503..29bdb31 100644
--- a/.env.example
+++ b/.env.example
@@ -1,9 +1,9 @@
 APP_VERSION=0.4.7
 
 NEXT_PUBLIC_PINATA_ENDPOINT_URL=https://api.pinata.cloud/pinning/pinFileToIPFS
-NEXT_PUBLIC_SG721_CODE_ID=793
-NEXT_PUBLIC_VENDING_MINTER_CODE_ID=275
-NEXT_PUBLIC_VENDING_FACTORY_ADDRESS="stars1s48apjumprma0d64ge88dmu7lr8exu02tlw90xxupgds0s25gfasx447dn"
+NEXT_PUBLIC_SG721_CODE_ID=1702
+NEXT_PUBLIC_VENDING_MINTER_CODE_ID=1701
+NEXT_PUBLIC_VENDING_FACTORY_ADDRESS="stars1xz4d6wzxqn3udgsm5qnr78y032xng4r2ycv7aw6mjtsuw59s2n9s93ec0v"
 NEXT_PUBLIC_BASE_FACTORY_ADDRESS="stars1c6juqgd7cm80afpmuszun66rl9zdc4kgfht8fk34tfq3zk87l78sdxngzv"
 NEXT_PUBLIC_SG721_NAME_ADDRESS="stars1fx74nkqkw2748av8j7ew7r3xt9cgjqduwn8m0ur5lhe49uhlsasszc5fhr"
 NEXT_PUBLIC_BASE_MINTER_CODE_ID=613
diff --git a/pages/badges/myBadges.tsx b/pages/badges/myBadges.tsx
index 93bf831..7f388a1 100644
--- a/pages/badges/myBadges.tsx
+++ b/pages/badges/myBadges.tsx
@@ -49,12 +49,12 @@ const BadgeList: NextPage = () => {
               {myBadges.map((badge: any, index: any) => {
                 return (
                   <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="avatar">
                           <div className="w-28 h-28 mask mask-squircle">
                             <img
-                              alt="Cover"
+                              alt="badge-preview"
                               src={
                                 (badge?.image as string).startsWith('ipfs')
                                   ? `https://ipfs-gw.stargaze-apis.com/ipfs/${(badge?.image as string).substring(7)}`
@@ -64,13 +64,15 @@ const BadgeList: NextPage = () => {
                           </div>
                         </div>
                         <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>
                         </div>
                       </div>
                     </td>
-                    <td className="overflow-auto w-[35%] max-w-xl bg-black no-scrollbar">
-                      {badge.description}
+                    <td className="overflow-auto w-[55%] max-w-xl bg-black no-scrollbar">
+                      {badge.description ? badge.description : 'No description provided.'}
                       {/* <br /> */}
                       {/* <span className="badge badge-ghost badge-sm"></span> */}
                     </td>