Merge pull request #460 from Itheum/d-damian

feat: NF-Podcast

src/appsConfig.tsx

@@ -59,6 +59,10 @@ export const NF_TUNES_TOKENS: app_token[] = IS_DEVNET
       ...Array.from({ length: 91 }, (_, i) => ({ tokenIdentifier: "DFEE-72425b", nonce: i })),
     ];
 
+export const NF_PODCAST_TOKENS: app_token[] = IS_DEVNET
+  ? [{ tokenIdentifier: "DATANFTFT-e0b917", nonce: 357 }]
+  : [{ tokenIdentifier: "DATANFTFT-e936d4", nonce: 12 }];
+
 export const PLAYSTATION_GAMER_PASSPORT_TOKENS: app_token[] = [{ tokenIdentifier: "DATANFTFT-e0b917", nonce: 24 }];
 
 export const TIMECAPSULE_TOKENS: app_token[] = IS_DEVNET
@@ -103,6 +107,7 @@ export const SUPPORTED_APPS = IS_DEVNET
       "getbitz",
       "bobergameroom",
       "spreadsheetnfts",
+      "nfpodcast",
     ]
   : [
       "itheumtrailblazer",
@@ -114,4 +119,5 @@ export const SUPPORTED_APPS = IS_DEVNET
       "getbitz",
       "bobergameroom",
       "spreadsheetnfts",
+      "nfpodcast",
     ];

src/libs/utils/constant.ts

@@ -5,8 +5,9 @@ import iconInfrographics from "assets/img/expl-app-infographics-icon.png";
 import iconTrailblazer from "assets/img/expl-app-trailblazer-icon.png";
 import iconGetBitz from "assets/img/getbitz/expl-app-getbitz-icon.gif";
 import iconNFTunes from "assets/img/nf-tunes-logo.png";
-import iconTimeCapsule from "assets/img/timecapsule/expl-app-timecapsule-icon.png";
+import iconNFPodcast from "assets/img/nf-podcast/NF-Podcast1.png";
 import iconSpreadsheetNfts from "assets/img/spreadsheet-nfts/header.png";
+import iconTimeCapsule from "assets/img/timecapsule/expl-app-timecapsule-icon.png";
 export const ERROR_CONNECT_WALLET = "Connect your wallet";
 export const ERROR_TRANSACTION_ONGOING = "A transaction is ongoing";
 export const ERROR_DATA_LOADING = "Data is still loading";
@@ -82,14 +83,20 @@ export const APP_MAPPINGS = [
     desc: "Capture, archive, and relive historic social media events through photos and videos, preserving memories for future generations. Join the nostalgia journey!",
     img: iconTimeCapsule,
   },
-
   {
     appName: "Spreadsheet NFTs",
     appDescription: "Explore Data NFTs that have entire datasets inside of them",
     routeKey: "spreadsheetnfts",
     desc: "Explore Data NFTs that have entire datasets inside of them",
     img: iconSpreadsheetNfts,
   },
+  {
+    appName: "NF-Podcast",
+    appDescription: "Listen to Podcasts",
+    routeKey: "nfpodcast",
+    desc: "Explore the world of podcasts through Data NFTs. Listen to podcasts and explore the world of Data NFTs through this app.",
+    img: iconNFPodcast,
+  },
 ];
 
 export const ITHEUM_EXPLORER_PROD_URL = "https://explorer.itheum.io";

src/routes.ts

@@ -1,12 +1,13 @@
 import { dAppName } from "config";
 import { RouteType } from "libs/types";
+import { DeepForestMusic } from "pages/AppMarketplace/DeepForestMusic/DeepForestMusic";
 import { ItheumTrailblazer } from "pages/AppMarketplace/ItheumTrailblazer/ItheumTrailblazer";
+import { NFPodcast } from "pages/AppMarketplace/NFPodcast";
 import { NFTunes } from "pages/AppMarketplace/NFTunes";
+import { SpreadsheetNfts } from "pages/AppMarketplace/SpreadsheetNfts";
 import { TimeCapsule } from "pages/AppMarketplace/TimeCapsule/TimeCapsule";
 import { withPageTitle } from "./components/PageTitle";
 import { Home, MyListed, MyWallet, MultiversxBubbles, MultiversxInfographics, GetBitz, BoberGameRoom } from "./pages";
-import { DeepForestMusic } from "pages/AppMarketplace/DeepForestMusic/DeepForestMusic";
-import { SpreadsheetNfts } from "pages/AppMarketplace/SpreadsheetNfts";
 
 export const routeNames = {
   home: "/",
@@ -24,6 +25,7 @@ export const routeNames = {
   getbitz: "/getbitz",
   bobergameroom: "/bobergameroom",
   spreadsheetnfts: "/spreadsheetnfts",
+  nfpodcast: "/nfpodcast",
 };
 
 interface RouteWithTitleType extends RouteType {
@@ -102,6 +104,12 @@ export const routes: RouteWithTitleType[] = [
     component: SpreadsheetNfts,
     authenticatedRoute: false,
   },
+  {
+    path: routeNames.nfpodcast,
+    title: "NFPodcast",
+    component: NFPodcast,
+    authenticatedRoute: false,
+  },
 ];
 
 export const mappedRoutes = routes.map((route) => {