feat: add new requirement for Galxe endpoint + check for turtle membe…

…rship (#1262)
jumperexchange · Aug 27, 2024 · 4f55e8e · 4f55e8e
1 parent adf747b
commit 4f55e8e
Show file tree

Hide file tree

Showing 6 changed files with 74 additions and 2 deletions.
diff --git a/src/components/Superfest/AvailableMissionsList/AvailableMissionsList.tsx b/src/components/Superfest/AvailableMissionsList/AvailableMissionsList.tsx
@@ -32,12 +32,14 @@ interface AvailableMissionsListProps {
   quests?: Quest[];
   pastCampaigns?: string[];
   loading: boolean;
+  isJumperTurtleMember?: boolean;
 }
 
 export const AvailableMissionsList = ({
   quests,
   pastCampaigns,
   loading,
+  isJumperTurtleMember,
 }: AvailableMissionsListProps) => {
   const isMobile = useMediaQuery((theme: Theme) =>
     theme.breakpoints.down('md'),
@@ -107,6 +109,8 @@ export const AvailableMissionsList = ({
               const rewards = quest.attributes.CustomInformation?.['rewards'];
               const rewardType =
                 quest.attributes?.CustomInformation?.['rewardType'];
+              const missionType =
+                quest?.attributes?.CustomInformation?.['missionType'];
               const rewardRange =
                 quest.attributes?.CustomInformation?.['rewardRange'];
               const chains = quest.attributes.CustomInformation?.['chains'];
@@ -146,6 +150,13 @@ export const AvailableMissionsList = ({
               if (rewardsIds && pastCampaigns) {
                 completed = checkInclusion(pastCampaigns, rewardsIds);
               }
+              if (
+                missionType &&
+                missionType === 'turtle_signature' &&
+                isJumperTurtleMember
+              ) {
+                completed = true;
+              }
 
               return (
                 <QuestCard

diff --git a/src/components/Superfest/Superfest.tsx b/src/components/Superfest/Superfest.tsx
@@ -7,6 +7,7 @@ import { AvailableMissionsList } from './AvailableMissionsList/AvailableMissions
 import { ActiveSuperfestMissionsCarousel } from './ActiveSuperfestMissionsCarousel/ActiveSuperfestMissionsCarousel';
 import { useOngoingFestMissions } from 'src/hooks/useOngoingFestMissions';
 import { useMerklRewards } from 'src/hooks/useMerklRewardsOnSpecificToken';
+import { useTurtleMember } from 'src/hooks/useTurtleMember';
 
 export const Superfest = () => {
   //HOOKS
@@ -22,6 +23,13 @@ export const Superfest = () => {
     rewardChainId: 10,
     userAddress: account?.address,
   });
+  const {
+    isMember,
+    isJumperMember,
+    isSuccess: isMemberCheckSuccess,
+  } = useTurtleMember({
+    userAddress: account?.address,
+  });
 
   return (
     <SuperfestContainer className="superfest">
@@ -51,6 +59,9 @@ export const Superfest = () => {
           quests={quests}
           loading={isQuestLoading}
           pastCampaigns={pastCampaigns}
+          isJumperTurtleMember={
+            isMember && isJumperMember && isMemberCheckSuccess
+          }
         />
         <NFTClaimingBox />
       </SuperfestMainBox>

diff --git a/src/components/Superfest/SuperfestPage/Banner/Banner.tsx b/src/components/Superfest/SuperfestPage/Banner/Banner.tsx
@@ -25,6 +25,7 @@ interface SuperfestMissionPageVar {
   quest: Quest;
   baseUrl: string;
   pastCampaigns: string[];
+  isRewardCompleted?: boolean;
 }
 
 export interface Chain {
@@ -36,6 +37,7 @@ export const BannerBox = ({
   quest,
   baseUrl,
   pastCampaigns,
+  isRewardCompleted,
 }: SuperfestMissionPageVar) => {
   const isMobile = useMediaQuery((theme: Theme) =>
     theme.breakpoints.down('md'),
@@ -55,6 +57,9 @@ export const BannerBox = ({
   if (rewardsIds && pastCampaigns) {
     completed = checkInclusion(pastCampaigns, rewardsIds);
   }
+  if (isRewardCompleted) {
+    completed = true;
+  }
 
   return (
     <>

diff --git a/src/components/Superfest/SuperfestPage/SuperfestMisisonPage.tsx b/src/components/Superfest/SuperfestPage/SuperfestMisisonPage.tsx
@@ -11,6 +11,7 @@ import { InformationAlertBox } from './InformationBox/InformationAlertBox';
 import { useMerklRewards } from 'src/hooks/useMerklRewardsOnSpecificToken';
 import { useAccounts } from '@/hooks/useAccounts';
 import { useMissionsAPY } from 'src/hooks/useMissionsAPY';
+import { useTurtleMember } from 'src/hooks/useTurtleMember';
 
 interface SuperfestMissionPageVar {
   quest: Quest;
@@ -34,7 +35,13 @@ export const SuperfestMissionPage = ({
     rewardChainId: 10,
     userAddress: account?.address,
   });
-
+  const {
+    isMember,
+    isJumperMember,
+    isSuccess: isMemberCheckSuccess,
+  } = useTurtleMember({
+    userAddress: account?.address,
+  });
   const { isLoading, isSuccess, CTAsWithAPYs } = useMissionsAPY(CTAs);
 
   return (
@@ -47,6 +54,12 @@ export const SuperfestMissionPage = ({
           quest={quest}
           baseUrl={baseUrl}
           pastCampaigns={pastCampaigns}
+          isRewardCompleted={
+            missionType === 'turtle_signature' &&
+            isMemberCheckSuccess &&
+            isMember &&
+            isJumperMember
+          }
         />
         {/* Big CTA */}
         <MissionCTA

diff --git a/src/hooks/querries/superfestNFT.ts b/src/hooks/querries/superfestNFT.ts
@@ -7,6 +7,7 @@ export const availableNFT = gql`
         signature: "" # provide a test signature
         campaignID: $campaignID # campaign hash id
         address: $address # user address
+        mintCount: 1
       }
     ) {
       allow # Is allow user claim nft

diff --git a/src/hooks/useTurtleMember.ts b/src/hooks/useTurtleMember.ts
@@ -6,14 +6,18 @@ interface UseTurtleProps {
 
 interface UseTurtleRes {
   isMember?: boolean;
+  isJumperMember?: boolean;
   isLoading: boolean;
   isSuccess: boolean;
 }
 
+const JUMPER_REF = 'JUMPER';
+
 export const useTurtleMember = ({
   userAddress,
 }: UseTurtleProps): UseTurtleRes => {
   const TURTLE_CHECK_API = `https://points.turtle.club/user/${userAddress}/exists`;
+  const TURTLE_REFCHECK_API = `https://points.turtle.club/referral/${userAddress}`;
 
   const { data, isSuccess, isLoading } = useQuery({
     queryKey: ['turtleMemberCheck'],
@@ -33,5 +37,32 @@ export const useTurtleMember = ({
     refetchInterval: 1000 * 60 * 60,
   });
 
-  return { isMember: data, isSuccess, isLoading };
+  const {
+    data: refCheck,
+    isSuccess: refCheckIsSuccess,
+    isLoading: refCheckIsLoading,
+  } = useQuery({
+    queryKey: ['turtleMemberRefCheck'],
+    queryFn: async () => {
+      try {
+        const response = await fetch(TURTLE_REFCHECK_API);
+        const result = await response.json();
+        if (result && result.used_referral) {
+          return result.used_referral === JUMPER_REF;
+        }
+        return false;
+      } catch (err) {
+        console.log(err);
+      }
+    },
+    enabled: !!userAddress,
+    refetchInterval: 1000 * 60 * 60,
+  });
+
+  return {
+    isMember: data,
+    isJumperMember: refCheck,
+    isSuccess: isSuccess && refCheckIsSuccess,
+    isLoading: isLoading && refCheckIsLoading,
+  };
 };