+
);
@@ -478,7 +475,7 @@ export const GetBitz = () => {
{(!_isFetchingDataMarshal && !_isMemeBurnHappening && (
@@ -488,12 +485,12 @@ export const GetBitz = () => {
onClick={() => {
setIsMemeBurnHappening(true);
}}>
-
Welcome Back Itheum OG!
-
- Ready to grab yourself some of them 🤤 {``} points?
+ Welcome Back Itheum OG!
+
+ Ready to grab yourself some of them 🤤 {``} points?
- But the {``} Generator God will need a Meme 🔥 Sacrifice from you to proceed!
- Click here when you are ready...
+ But the {``} Generator God will need a Meme 🔥 Sacrifice from you to proceed!
+ Click here when you are ready...
{" "}
@@ -502,25 +499,25 @@ export const GetBitz = () => {
{_isMemeBurnHappening && (
{
setBurnProgress((prev) => prev + 1);
}}>
-
Light up this Meme Sacrifice!
+
Light up this Meme Sacrifice!
Click to burn
-
+
)}
{_isFetchingDataMarshal && (
-
+
Did the {``} Generator God like that Meme Sacrifice? Only time will tell...
Hang tight, result incoming
-
{" "}
+
{" "}
)}
+ lg:absolute lg:p-[2rem] lg:pb-[.5rem] lg:w-[500px] lg:h-[400px] lg:mt-0 lg:top-[40%] lg:left-[50%] lg:-translate-x-1/2 lg:-translate-y-1/2">
{_viewDataRes && !_viewDataRes.error && (
<>
{_viewDataRes.data.gamePlayResult.triedTooSoonTryAgainInMs > 0 && (
@@ -556,7 +553,7 @@ export const GetBitz = () => {
OPPS! Aladdin Rugged You! 0 Points this Time...
{
return (
<>
- {gamePlayImageSprites()}
-
-
+
+
+
Data NFT"} />
+
+ {gamePlayImageSprites()}
+
+
SPECIAL LAUNCH WINDOW PERKS
To celebrate the launch of Itheum {`
`} XP, the {``} Generator God has got into a generous mood! For the first month only (April 1, 2024 -
May 1, 2024), check out these special LAUNCH WINDOW perks:
diff --git a/src/pages/AppMarketplace/NFTunes/index.tsx b/src/pages/AppMarketplace/NFTunes/index.tsx
index dcc0914d..fff9144c 100644
--- a/src/pages/AppMarketplace/NFTunes/index.tsx
+++ b/src/pages/AppMarketplace/NFTunes/index.tsx
@@ -7,7 +7,7 @@ import { Link } from "react-router-dom";
import { NF_TUNES_TOKENS, FEATURED_NF_TUNES_TOKEN, IS_DEVNET } from "appsConfig";
import disk from "assets/img/nf-tunes-logo-disk.png";
import { DataNftCard, Loader } from "components";
-import { AudioPlayer } from "components/AudioPlayer";
+import { AudioPlayer } from "components/AudioPlayer/AudioPlayer";
import { HeaderComponent } from "components/Layout/HeaderComponent";
import { Modal } from "components/Modal/Modal";
import YouTubeEmbed from "components/YouTubeEmbed";
@@ -95,11 +95,12 @@ export const NFTunes = () => {
// fetch the nfts owned by the logged in address and if the user has any of them set flag to true,
// on those will be shown view data otherwise show market place explore button
async function fetchMyNfts() {
- const _dataNfts = await DataNft.ownedByAddress(address);
+ const uniqueTokenIdentifiers = Array.from(new Set(NF_TUNES_TOKENS.map((v) => v.tokenIdentifier)));
+ const _dataNfts = await DataNft.ownedByAddress(address, uniqueTokenIdentifiers);
const _flags = [];
for (const currentNft of dataNfts) {
- const matches = _dataNfts.filter((ownedNft) => currentNft.nonce === ownedNft.nonce);
+ const matches = _dataNfts.filter((ownedNft) => currentNft.nonce === ownedNft.nonce && currentNft.collection === ownedNft.collection);
_flags.push(matches.length > 0);
}
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 498635a9..7daed20f 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -1,6 +1,8 @@
import * as React from "react";
import { Link } from "react-router-dom";
import { SUPPORTED_APPS } from "appsConfig";
+import RecentDataNFTsSection from "components/RecentDataNftsSection";
+import TrandingSection from "components/TrendingSection";
import { APP_MAPPINGS } from "libs/utils/constant";
import { routeNames } from "routes";
import { HeaderComponent } from "../components/Layout/HeaderComponent";
@@ -18,28 +20,30 @@ export const Home = () => {
"Itheum Data Widgets are lightweight apps powered by Data NFTs, enabling creative ways to open, visualize and discover the potential of the raw data found within Data NFTs."
}
hasImage={false}>
- {APP_MAPPINGS.filter((app) => SUPPORTED_APPS.includes(app.routeKey)).map((item) => (
-
-
+
+ {APP_MAPPINGS.filter((app) => SUPPORTED_APPS.includes(app.routeKey)).map((item) => (
+
-
-
{item.appName}
-
{item.desc}
-
-
-
-
-
+
{item.appName}
+
{item.desc}
+
-
+
+
-
- ))}
+ ))}
+
+
+
);
};
diff --git a/src/pages/MyWallet.tsx b/src/pages/MyWallet.tsx
index 76ce6836..a4ca75f5 100644
--- a/src/pages/MyWallet.tsx
+++ b/src/pages/MyWallet.tsx
@@ -40,7 +40,6 @@ export const MyWallet = () => {
_dataNfts.push(...nfts);
setDataNftCount(_dataNfts.length);
setDataNfts(_dataNfts);
-
setIsLoading(false);
}
diff --git a/src/store/StoreProvider.tsx b/src/store/StoreProvider.tsx
index 58e0e20d..f9bfb3c7 100644
--- a/src/store/StoreProvider.tsx
+++ b/src/store/StoreProvider.tsx
@@ -4,9 +4,9 @@ import { useGetLoginInfo } from "@multiversx/sdk-dapp/hooks";
import { GET_BITZ_TOKEN } from "appsConfig";
import { useGetAccount } from "hooks";
import { decodeNativeAuthToken } from "libs/utils";
+import { computeRemainingCooldown } from "libs/utils/functions";
import { useAccountStore } from "./account";
import { viewDataJSONCore } from "../pages/AppMarketplace/GetBitz";
-import { computeRemainingCooldown } from "libs/utils/functions";
export const StoreProvider = ({ children }: PropsWithChildren) => {
const { address } = useGetAccount();
diff --git a/tailwind.config.js b/tailwind.config.js
index 9dcfea9e..886b7ecb 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -8,7 +8,9 @@ module.exports = {
theme: {
screens: {
"base": "0px",
+ "sm": "450px",
"md": "768px",
+ "lg": "1024px",
"xl": "1200px",
"2xl": "1500px",
"3xl": "2300px",
- 
+ 
+