Integrated Mods contract

src/components/common/TokensGrid.jsx

@@ -13,6 +13,7 @@ const TokensGrid = () => {
     ndcContributor,
     ndcChampion,
     gwgCoreContributor,
+    modToken,
   } = useSelector((state) => state[ReducerNames.SBT]);
 
   return (
@@ -98,6 +99,15 @@ const TokensGrid = () => {
           <TokenDetails data={ndcContributor} />
         </Item>
       )}
+      {modToken && (
+        <Item imageSrc={ImageSrc.MOD}>
+          <ValidTokenComponent />
+          <h2 className="font-bold text-3xl my-1 mb-5">
+            My Mod Soul Bound Token
+          </h2>
+          <TokenDetails data={modToken} />
+        </Item>
+      )}
     </div>
   );
 };

src/pages/auth/Home.jsx

@@ -27,6 +27,7 @@ const Home = () => {
     regen_issuer_contract,
     vibe_issuer_contract,
     kudos_issuer_contract,
+    mods_issuer,
   } = getConfig();
   useEffect(() => {
     // fetching only when logged in (without steps) state active
@@ -36,6 +37,7 @@ const Home = () => {
       fetchRegenToken();
       fetchVibeToken();
       fetchKudosToken();
+      fetchModsToken();
     }
   }, [activePageIndex]);
 
@@ -106,6 +108,30 @@ const Home = () => {
     }
   };
 
+  const fetchModsToken = async () => {
+    try {
+      const data = await wallet.viewMethod({
+        contractId: app_contract,
+        method: 'sbt_tokens_by_owner',
+        args: {
+          account: wallet.accountId,
+          issuer: mods_issuer,
+        },
+      });
+
+      if (data?.[0]?.[1]) {
+        for (const token of data[0][1]) {
+          // if class = 5 => Mods token
+          if (token.metadata.class === 5) {
+            dispatch(updateTokens({ type: TokenTypes.MOD, value: token }));
+          }
+        }
+      }
+    } catch (error) {
+      toast.error('An error occured while fetching Mods SBT details');
+    }
+  };
+
   const fetchVibeToken = async () => {
     try {
       const data = await wallet.viewMethod({

src/redux/reducer/sbtsReducer.js

@@ -58,6 +58,7 @@ export const sbtReducer = createSlice({
     ndcContributor: null,
     ndcChampion: null,
     gwgCoreContributor: null,
+    modToken: null,
   },
   reducers: {
     updateTokens: (state, action) => {
@@ -90,6 +91,9 @@ export const sbtReducer = createSlice({
         case TokenTypes.NDC_Contributor:
           state.ndcContributor = value;
           break;
+        case TokenTypes.MOD:
+          state.modToken = value;
+          break;
         default:
           break;
       }
@@ -102,7 +106,8 @@ export const sbtReducer = createSlice({
         state.kudosToken ||
         state.ndcChampion ||
         state.ndcContributor ||
-        state.gwgCoreContributor;
+        state.gwgCoreContributor ||
+        state.modToken;
     },
     handleErrorMessage: (state, action) => {
       state.error = action.payload;
@@ -118,6 +123,7 @@ export const sbtReducer = createSlice({
       state.gwgCoreContributor = null;
       state.ndcChampion = null;
       state.ndcContributor = null;
+      state.modToken = null;
     },
     updateTokenRemoveStatus: (state, action) => {
       state.tokenRemoveSuccess = !state.tokenRemoveSuccess;

src/utils/config.js

@@ -5,6 +5,7 @@ export function getConfig() {
     succes_fractal_state: 'facescan',
     regen_issuer_contract: 'issuer.regens.near',
     vibe_issuer_contract: 'issuer.proofofvibes.near',
+    mods_issuer: 'gwg.sputnik-dao.near',
   };
   switch (environment) {
     case 'prod':

src/utils/constants.js

@@ -31,6 +31,7 @@ export const TokenTypes = {
   NDC_Champion: 'NDC Champion',
   NDC_Contributor: 'NDC Contributor',
   GWG__Core_Contributor: 'GWG Core Contributor',
+  MOD: 'Mod',
 };
 
 export const ReducerNames = {