minor fixes

Author: bz-hashtag-0780

components/ui/BeastTab/BeastTab.tsx

@@ -665,7 +665,7 @@ const BeastTab: FC<Props> = ({
           packId={selectedBeast?.beastTemplateID || "1"}
           evolvedBeastId={evolvedBeastId}
         />
-        {displayBeasts != null ? (
+        {displayBeasts?.length > 0 ? (
           <ul
             role="list"
             className="grid grid-cols-2 gap-x-5 gap-y-5 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-2 xl:grid-cols-4 2xl:grid-cols-5"

components/ui/BeastTemplateHero/BeastTemplateHero.tsx

@@ -437,7 +437,7 @@ const BeastTemplateHero: FC<Props> = ({ beast, beasts }) => {
             <h2>{maxMintByStar()}</h2>
           </StatsCol2>
         </Stats>
-
+        {/**TODO show evolutionary line */}
         <Evolutions>
           <EvolLabel>
             <h2>Evolutions</h2>

components/ui/ProductBeastView/ProductBeastView.tsx

@@ -560,16 +560,8 @@ const ProductBeastView: FC<Props> = ({ beast, hunterData }) => {
             <H3>{beast ? beast?.starLevel : "Loading..."}</H3>
           </AttributeBlock>
           <AttributeBlock>
-            <Trait>Basic Skills</Trait>
-            <ul>
-              {beast
-                ? beast?.basicSkills.map((skill: any, id: any) => (
-                    <li key={id} className="leading-none">
-                      <H2Traits>{skill}</H2Traits>
-                    </li>
-                  ))
-                : "Loading..."}
-            </ul>
+            <Trait>Gender</Trait>
+            <H3>{beast ? beast?.sex : "Loading..."}</H3>
           </AttributeBlock>
           <AttributeBlock>
             <Trait>Ultimate Skill</Trait>

components/ui/RankingList/RankingList.tsx

@@ -568,16 +568,16 @@ const RankingList: FC<Props> = ({ hunterData }) => {
             <tbody>
               {table.getRowModel().rows.map((row, i) => (
                 <tr key={row.id}>
-                  <a
-                    href={
-                      row.getValue("findName") != ""
-                        ? "/profile/" + row.getValue("findName")
-                        : "/profile/" + row.getValue("address")
-                    }
-                  >
-                    <TableRowWrapper>
-                      {row.getVisibleCells().map((cell) => (
-                        <td key={cell.id} className={cell.column.id}>
+                  <TableRowWrapper>
+                    {row.getVisibleCells().map((cell) => (
+                      <td key={cell.id} className={cell.column.id}>
+                        <a
+                          href={
+                            row.getValue("findName") != ""
+                              ? "/profile/" + row.getValue("findName")
+                              : "/profile/" + row.getValue("address")
+                          }
+                        >
                           {/* <div>value: {row.getValue("address")}</div> */}
                           {cell.column.id == "findName" ? (
                             <></>
@@ -619,10 +619,10 @@ const RankingList: FC<Props> = ({ hunterData }) => {
                               )}
                             </>
                           )}
-                        </td>
-                      ))}
-                    </TableRowWrapper>
-                  </a>
+                        </a>
+                      </td>
+                    ))}
+                  </TableRowWrapper>
                 </tr>
               ))}
             </tbody>

framework/hooks/use-user-beasts.hook.ts

@@ -93,13 +93,12 @@ export default function useUserBeasts(user: any) {
         
             let collectionRef = getAccount(acct).getCapability(BasicBeasts.CollectionPublicPath)
                 .borrow<&{BasicBeasts.BeastCollectionPublic}>()
-                ?? panic("Could not get public beast collection reference")
 
             if(collectionRef != nil) {
-let beastIDs = collectionRef.getIDs()
+            let beastIDs = collectionRef!.getIDs()
         
             for id in beastIDs {
-                let borrowedBeast = collectionRef.borrowBeast(id: id)!
+                let borrowedBeast = collectionRef!.borrowBeast(id: id)!
                 let beast = Beast(
                                     id: borrowedBeast.id, 
                                     serialNumber: borrowedBeast.serialNumber, 

pages/profile/[address].tsx

@@ -327,10 +327,8 @@ const Profile: NextPage = () => {
         }
         evolvableBeasts[element.beastTemplateID] = beastsOfSameTemplate
       }
-      console.log(evolvableBeasts)
       setEvolvableBeasts(evolvableBeasts)
       getHunterScore()
-      console.log("fetchUserBeasts()", mappedCollection)
     } catch (err) {
       console.log(err)
     }
@@ -357,7 +355,6 @@ const Profile: NextPage = () => {
         args: (arg: any, t: any) => [arg(walletAddress, t.Address)],
       })
       setSushiBalance(res)
-      console.log("profile/[address].tsx: fetchSushi()")
     } catch (err) {
       console.log(err)
     }
@@ -384,7 +381,6 @@ const Profile: NextPage = () => {
         args: (arg: any, t: any) => [arg(walletAddress, t.Address)],
       })
       setEmptyPotionBottleBalance(res)
-      console.log("profile/[address].tsx: fetchEmptyPotionBottle()")
     } catch (err) {
       console.log(err)
     }
@@ -411,7 +407,6 @@ const Profile: NextPage = () => {
         args: (arg: any, t: any) => [arg(walletAddress, t.Address)],
       })
       setPoopBalance(res)
-      console.log("profile/[address].tsx: fetchPoop()")
     } catch (err) {
       console.log(err)
     }
@@ -486,7 +481,6 @@ const Profile: NextPage = () => {
       }
 
       getPacks(mappedPacks)
-      console.log("profile/[address].tsx: fetchUserPacks()")
     } catch (err) {
       console.log(err)
     }
@@ -505,7 +499,6 @@ const Profile: NextPage = () => {
         args: (arg: any, t: any) => [arg(walletAddress, t.Address)],
       })
       setHunterScore(res)
-      console.log("profile/[address].tsx: getHunterScore()")
     } catch (error) {
       console.log(error)
     }
@@ -537,7 +530,6 @@ const Profile: NextPage = () => {
         personalDex[dexNumber] = image
       }
       setDexicon(personalDex)
-      console.log("profile/[address].tsx: getPersonalDexicon()")
     } catch (error) {
       console.log(error)
     }
@@ -558,19 +550,17 @@ const Profile: NextPage = () => {
         `,
         args: (arg: any, t: any) => [arg(walletAddress, t.Address)],
       })
-      console.log("Profile:" + res)
       //Resolve Profile
       setProfile(res)
       //Resolve Profile Picture
-      let avatar = res.avatar
+      let avatar = res?.avatar
       for (let key in profilePictures) {
         let element =
           profilePictures[key as unknown as keyof typeof profilePictures]
         if (avatar == element.image) {
           setProfilePicture(element.image)
         }
       }
-      console.log("profile/[address].tsx: getProfile()")
     } catch (error) {
       console.log(error)
     }