Adding network target in gallery SBTs

masa-finance · Jun 9, 2023 · 2e00a61 · 2e00a61
1 parent 3c1228f
commit 2e00a61
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 24 deletions.
diff --git a/src/components/masa-interface/pages/gallery/gallery.stories.tsx b/src/components/masa-interface/pages/gallery/gallery.stories.tsx
@@ -7,6 +7,7 @@ import { GalleryItem } from './galleryItem';
 const customRenderWhaleSBT = {
   name: 'Solid World Whale SBT',
   address: '0xd843fB69473F77fF45502e1EB8733B6DD7feC98F',
+  network: "polygon",
   getMetadata: async function (sbt: { tokenId: string; tokenUri: string }) {
     const apiUrl = sbt.tokenUri.replace('.json', '');
 
@@ -18,44 +19,54 @@ const customRenderWhaleSBT = {
   },
 };
 
-const customRenderWhaleSBTProduction = {
-  name: 'Solid World Whale SBT Production',
-  address: '0xbf060cdfc820cbdafa6313fdb0807944b99a03b7',
+const DackieSBT = {
+  name: 'Dackies SBT',
+  address: '0xbA444542E493Ed497D9Ef7f2ed596244a1952Ba2',
+  network: "polygon",
   getMetadata: async function (sbt: { tokenId: string; tokenUri: string }) {
-    const apiUrl = sbt.tokenUri.replace('.json', '');
-
     return {
-      name: 'Solid World Whale SBT',
-      image: apiUrl,
+      name: 'Dackie quack SBT',
+      image: sbt.tokenUri,
       description: 'Verified Discord member',
     };
   },
 };
 
-const customPokeSBT = {
-  name: 'PokeSBT',
-  address: '0xa0f3c1971a4d4ec4Ef3983cce75B567a9004eF1B',
+const AmbassadorOGSBT = {
+  name: 'Masa Ambassador OG SBT',
+  address: '0x376f5039Df4e9E9c864185d8FaBad4f04A7E394A',
+  network: 'polygon',
   getMetadata: async function (sbt: { tokenId: string; tokenUri: string }) {
-    const apiUrl = sbt.tokenUri.replace('.json', '');
-    const apiResponse = await fetch(apiUrl, { mode: 'cors' });
-    const data = await apiResponse.json();
+    return {
+      name: 'Masa Ambassador OG SBT',
+      image: sbt.tokenUri,
+      description: 'Ambassador Token',
+    };
+  },
+};
 
+const AmbassadorSBT = {
+  name: 'Masa Ambassador SBT',
+  address: '0x3F1EFED96Eb7f98F0618136133D795F5997ECEf4',
+  network: 'polygon',
+  getMetadata: async function (sbt: { tokenId: string; tokenUri: string }) {
     return {
-      name: data.name,
-      image: data.image,
-      description: '',
+      name: 'Masa Ambassador SBT',
+      image: sbt.tokenUri,
+      description: 'Ambassador Token',
     };
   },
 };
 
-const DackieSBT = {
-  name: 'Dackies SBT',
-  address: '0xbA444542E493Ed497D9Ef7f2ed596244a1952Ba2',
+const GoodDollarSBT = {
+  name: 'Good Dollar SBT',
+  address: '0x3F1EFED96Eb7f98F0618136133D795F5997ECEf4',
+  network: 'celo',
   getMetadata: async function (sbt: { tokenId: string; tokenUri: string }) {
     return {
-      name: 'Dackie quack SBT',
+      name: 'Good Dollar SBT',
       image: sbt.tokenUri,
-      description: 'Verified Discord member',
+      description: 'Good Dollar Token',
     };
   },
 };
@@ -71,9 +82,10 @@ const meta: Meta = {
           company={'Masa'}
           customGallerySBT={[
             DackieSBT,
-            customRenderWhaleSBTProduction,
-            customPokeSBT,
             customRenderWhaleSBT,
+            GoodDollarSBT,
+            AmbassadorSBT,
+            AmbassadorOGSBT,
           ]}
         >
           <div className="masa-modal">

diff --git a/src/components/masa-interface/pages/gallery/gallery.tsx b/src/components/masa-interface/pages/gallery/gallery.tsx
@@ -33,6 +33,7 @@ export interface Tabs {
 export interface CustomGallerySBT {
   name: string;
   address: string;
+  network: string;
   getMetadata: (item: { tokenId; tokenUri }) => Promise<{
     image: string;
     name: string;

diff --git a/src/provider/modules/custom-sbts/custom-sbts.ts b/src/provider/modules/custom-sbts/custom-sbts.ts
@@ -43,6 +43,11 @@ const fetchContracts = async (masa, customGallerySBT) => {
   if (customGallerySBT && customGallerySBT.length > 0) {
     const newContracts: any[] = [];
     for (const sbt of customGallerySBT) {
+      if (sbt.networks) {
+        if (sbt.network !== masa.config.networkName) {
+          continue;
+        }
+      }
       try {
         const sbtContract = await masa?.sbt.connect(sbt.address);
 
@@ -171,7 +176,7 @@ export const useCustomSBTsQuery = ({
     async () => queryClient.invalidateQueries(['custom-sbt']),
     []
   );
-  
+
   return {
     customSBTs,
     status,