Merge branch 'stg' into test

Author: damienen

package.json

@@ -1,7 +1,7 @@
 {
   "name": "explorer-dapp",
   "description": "Itheum Explorer is a DApp for the public to explore and visualize data within the Itheum protocol",
-  "version": "1.15.2",
+  "version": "1.15.4",
   "author": "Itheum",
   "license": "GPL-3.0-or-later",
   "dependencies": {

src/libComponents/animated/HoverEffect.tsx

@@ -44,18 +44,25 @@ export const HoverEffect = ({
           </AnimatePresence>
           <Card>
             <div className="relative flex justify-center items-center group">
-              <img src={item.image} className="group-hover:scale-110 transition-all duration-500  rounded-2xl" />
+              <img
+                onClick={() => {
+                  if (item.ownedDataNftIndex && item.ownedDataNftIndex >= 0) viewData(item.ownedDataNftIndex ?? 0);
+                  else window.open("https://nft.ici.ro/ethereal-echoes", "_blank");
+                }}
+                src={item.image}
+                className="group-hover:scale-110 transition-all duration-500 rounded-2xl cursor-pointer"
+              />
               {item.ownedDataNftIndex && item.ownedDataNftIndex >= 0 ? (
                 <PlayCircle
                   onClick={() => viewData(item.ownedDataNftIndex ?? 0)}
-                  className="absolute z-[100] text-teal-900 fill-black/80 w-16 h-0 hover:cursor-pointer group-hover:h-16 transition-all duration-500"
+                  className="absolute z-[100] text-white fill-black/90 w-36 h-16 md:h-36 hover:cursor-pointer  transition-all duration-500"
                 />
               ) : (
                 <Link
                   to={"https://nft.ici.ro/ethereal-echoes"}
                   target="_blank"
-                  className="hover:scale-125 transition-all bottom-0 right-0 gap-1 absolute bg-teal-900/80 rounded-2xl px-2 flex flex-row">
-                  Find <Search className="w-4" />
+                  className="hover:scale-125 transition-all bottom-0 right-0 gap-1 p-1 absolute bg-teal-900/80 rounded-2xl px-2 flex flex-row md:text-xl">
+                  Find <Search className="w-8" />
                 </Link>
               )}
             </div>

src/pages/AppMarketplace/DeepForestMusic/DeepForestMusic.tsx

@@ -176,10 +176,10 @@ export const DeepForestMusic = () => {
       <div className=" flex flex-col justify-center items-center font-[Clash-Regular] w-full max-w-[100rem]">
         <div className="flex flex-col w-[90%] md:w-[70%] p-10">
           <img src={iconPreview} className="rounded-2xl" />
-          <div className="relative flex -mt-10 w-full items-center  justify-end p-2">
+          <div className="relative flex -mt-10 w-full items-center  justify-end p-2 px-4">
             <Modal
               openTrigger={
-                <button className="text-sm hover:scale-125 transition-all duration-300 md:text-lg bottom-0 right-0 rounded-full justify-center gap-1 flex flex-row">
+                <button className="text-sm hover:scale-125 transition-all duration-300 md:text-xl bottom-0 right-0 rounded-full justify-center gap-1 flex flex-row">
                   Preview <PlayCircle className="cursor-pointer text-secondary dark:text-primary" />
                 </button>
               }
@@ -205,14 +205,7 @@ export const DeepForestMusic = () => {
               </>
             </Modal>{" "}
           </div>
-          {/* <p> Deep Forest Music </p>
-          <p>
-            These NFTs aren't just static pieces of digital art, they are immersive experiences. Each of the 90 NFTs is brought to life through a unique
-            graphical Artwork, a bonus unreleased track and only one NFT per category is crowned with a personal message from Eric Mouquet to its owner. Yet,
-            the allure of these music dataNFTs extends beyond their aesthetic and sentimental value. Each NFT is imbued with real-life utility, making them not
-            just collector's items, but practical digital assets in various realms, like access to concerts, whitelisting, access to unreleased versions of the
-            tracks, multi-track files, physical items and many more in the future.
-          </p> */}
+
           <div className="flex text-foreground flex-row rounded-lg mt-8 p-1  text-center gap-4 text-2xl md:w-[50%]  xl:text-3xl justify-center md:justify-start items-center ">
             <Music2 />
             <span>Albums</span>

src/pages/AppMarketplace/GetBitz/GiveBitz/PowerUpBounty.tsx

@@ -48,13 +48,16 @@ const PowerUpBounty = (props: PowerUpBountyProps) => {
         <div className="relative bg-[#35d9fa]/80 dark:bg-[#35d9fa]/30  rounded-3xl p-[2px] before:absolute before:w-96 before:h-96 before:-left-48 before:-top-48 before:bg-[#35d9fa]  before:rounded-full before:opacity-0 before:pointer-events-none before:transition-opacity before:duration-500 before:translate-x-[var(--mouse-x)] before:translate-y-[var(--mouse-y)] before:hover:opacity-20 before:z-30 before:blur-[100px] after:absolute after:inset-0 after:rounded-[inherit] after:opacity-0 after:transition-opacity after:duration-500 after:[background:_radial-gradient(250px_circle_at_var(--mouse-x)_var(--mouse-y),theme(colors.sky.400),transparent)] after:group-hover:opacity-100 after:z-10 overflow-hidden">
           <div className="relative h-full bg-neutral-950/40 dark:bg-neutral-950/60  rounded-[inherit] z-20 overflow-hidden p-4 md:p-8">
             <div className="flex justify-between items-center text-sm md:text-base">
-              {receivedBitzSum && (
-                <div className=" bg-[#2495AC] dark:bg-[#022629] p-1 px-3 rounded-2xl shadow-inner shadow-[#35d9fa]/30  "> Received Bitz: {receivedBitzSum}</div>
-              )}
-              {giverCounts && (
-                <div className="bg-[#2495AC] dark:bg-[#022629] p-1 px-3 rounded-2xl shadow-inner shadow-[#35d9fa]/30  ">Givers: {giverCounts}</div>
-              )}
+              <div className=" bg-[#2495AC] dark:bg-[#022629] p-1 px-3 rounded-2xl shadow-inner shadow-[#35d9fa]/30  ">
+                {" "}
+                Received Bitz: {receivedBitzSum ? receivedBitzSum : 0}
+              </div>
+
+              <div className="bg-[#2495AC] dark:bg-[#022629] p-1 px-3 rounded-2xl shadow-inner shadow-[#35d9fa]/30  ">
+                Givers: {giverCounts ? giverCounts : 0}
+              </div>
             </div>
+
             <>
               <div className="mb-3 text-lg font-bold p-1 md:h-11">{title}</div>
               <div className="py-2  border-b-4  border-[#35d9fa]/30 text-sm ">

src/pages/AppMarketplace/GetBitz/config.tsx

@@ -260,6 +260,52 @@ export function getDataBounties() {
         Additionally, 5 lucky winners from the top 51 to 100 contributors will each receive 1 copy. 
         50 copies donated to BiTz Monthly Leaderboard`,
     });
+
+    allBounties.push({
+      bountySubmitter: "erd13ga0m7hjvjg9x47ngzv7mehamh4klctdn4m0gufwr4ukfg9x5yqs45gnga",
+      bountyId: "b10",
+      title: "Me and my tradition",
+      summary: `Data NFT bounty focused on digitizing and immortalizing vanishing cultural traditions and practices.
+      Each participant would need to record rituals, ceremonies, traditional crafts, or oral histories. Each verified contribution could be transformed into a unique NFT, with rewards including a portion of NFT sales, or biTz point that are funding for community-led cultural preservation projects, or access to immersive experiences showcasing these traditions.
+       It's a way to celebrate and safeguard cultural diversity while empowering communities to preserve their heritage for future generations.`,
+      readMoreLink: "",
+      submittedOnTs: 1715329474,
+      fillPerks: `The creator of the bounty will receive 5 copies. 
+        The top 5 contributors on the GiveBiTz leaderboard for this bounty will each receive 3 copies.  
+        Contributors ranked 6th to 20th will receive 2 copies each. 
+        Contributors ranked 21st to 50th will receive 1 copy each. 
+        Additionally, 5 lucky winners from the top 51 to 100 contributors will each receive 1 copy. 
+        50 copies donated to BiTz Monthly Leaderboard`,
+    });
+
+    allBounties.push({
+      bountySubmitter: "erd18qxupz0zfffk3pa034pxlsu7tttjw93aey3wlxc7jew8fe4epj6sly56ya",
+      bountyId: "b11",
+      title: "Music Data NFT",
+      summary: `Craft a Music Data NFT featuring a dynamic playlist of at least 3 songs. The playlist can evolve over time based on community input`,
+      readMoreLink: "",
+      submittedOnTs: 1715329474,
+      fillPerks: `The creator of the bounty will receive 5 copies of the album. 
+        The top 5 contributors on the GiveBiTz leaderboard for this bounty will each receive 3 copies.  
+        Contributors ranked 6th to 20th will receive 2 copies each. 
+        Contributors ranked 21st to 50th will receive 1 copy each. 
+        Additionally, 5 lucky winners from the top 51 to 100 contributors will each receive 1 copy. 
+        50 copies donated to BiTz Monthly Leaderboard`,
+    });
+    allBounties.push({
+      bountySubmitter: "erd1dzmvw7gfrfv6tjxvah9rmwd45xqzs6q098925ucmsu69s48776dqlytnn2",
+      bountyId: "b12",
+      title: "EGLD Fear&Greed Index",
+      summary: `A EGLD market sentiment gauge, similar to the BTC Fear&Greed Index.`,
+      readMoreLink: "",
+      submittedOnTs: 1715329474,
+      fillPerks: `The creator of the bounty will receive 5 copies. 
+        The top 5 contributors on the GiveBiTz leaderboard for this bounty will each receive 3 copies.  
+        Contributors ranked 6th to 20th will receive 2 copies each. 
+        Contributors ranked 21st to 50th will receive 1 copy each. 
+        Additionally, 5 lucky winners from the top 51 to 100 contributors will each receive 1 copy. 
+        50 copies donated to BiTz Monthly Leaderboard`,
+    });
     return allBounties;
   }
 }