OCT-1287: Remove code related to GLM claiming from client (#30)

client/src/api/errorMessages/index.ts

@@ -1,17 +1,13 @@
 /* eslint-disable @typescript-eslint/naming-convention */
 import { Query } from '@tanstack/react-query';
 
-import { ROOTS, QUERY_KEYS } from 'api/queryKeys';
+import { ROOTS } from 'api/queryKeys';
 import i18n from 'i18n';
 import toastService from 'services/toastService';
 
 import { QueryMutationError, QueryMutationErrorConfig, IgnoredQueries } from './types';
 
-const IGNORED_QUERIES: IgnoredQueries = [
-  ROOTS.cryptoValues,
-  ROOTS.proposalsIpfsResults,
-  QUERY_KEYS.glmClaimCheck[0],
-];
+const IGNORED_QUERIES: IgnoredQueries = [ROOTS.cryptoValues, ROOTS.proposalsIpfsResults];
 
 const errors: QueryMutationErrorConfig = {
   4001: {

client/src/api/errorMessages/types.ts

@@ -1,4 +1,4 @@
-import { QueryKeys, Root } from 'api/queryKeys/types';
+import { Root } from 'api/queryKeys/types';
 
 export type QueryMutationError = {
   message: string;
@@ -10,8 +10,4 @@ export type QueryMutationErrorConfig = {
   [key: string]: QueryMutationError;
 };
 
-export type IgnoredQueries = [
-  Root['cryptoValues'],
-  Root['proposalsIpfsResults'],
-  QueryKeys['glmClaimCheck'][0],
-];
+export type IgnoredQueries = [Root['cryptoValues'], Root['proposalsIpfsResults']];

client/src/api/queryKeys/index.ts

@@ -42,7 +42,6 @@ export const QUERY_KEYS: QueryKeys = {
   epochUnusedRewards: epoch => [ROOTS.epochUnusedRewards, epoch.toString()],
   epochesEndTime: epochNumber => [ROOTS.epochesEndTime, epochNumber.toString()],
   estimatedEffectiveDeposit: userAddress => [ROOTS.estimatedEffectiveDeposit, userAddress],
-  glmClaimCheck: ['glmClaimCheck'],
   history: ['history'],
   individualProposalRewards: ['individualProposalRewards'],
   individualReward: epochNumber => [ROOTS.individualReward, epochNumber.toString()],

client/src/api/queryKeys/types.ts

@@ -44,7 +44,6 @@ export type QueryKeys = {
   epochUnusedRewards: (epoch: number) => [Root['epochUnusedRewards'], string];
   epochesEndTime: (epochNumber: number) => [Root['epochesEndTime'], string];
   estimatedEffectiveDeposit: (userAddress: string) => [Root['estimatedEffectiveDeposit'], string];
-  glmClaimCheck: ['glmClaimCheck'];
   history: ['history'];
   individualProposalRewards: ['individualProposalRewards'];
   individualReward: (epochNumber: number) => [Root['individualReward'], string];

client/src/components/shared/ModalOnboarding/ModalOnboarding.module.scss

@@ -58,14 +58,6 @@
   background: $color-octant-grey8;
   overflow: hidden;
 
-  &.claimGlm {
-    padding: 6rem 0 4.4rem;
-
-    @media #{$desktop-up} {
-      padding: 7.2rem 0 6.4rem;
-    }
-  }
-
   &.welcomeToOctant {
     padding: 3.2rem 0 5.2rem;
 
@@ -124,8 +116,3 @@
   align-items: center;
   justify-content: center;
 }
-
-.buttonClaimGlm {
-  width: 100%;
-  margin-top: 4.8rem;
-}

client/src/components/shared/ModalOnboarding/ModalOnboarding.tsx

@@ -33,9 +33,7 @@ const ModalOnboarding: FC = () => {
   const [currentStepIndex, setCurrentStepIndex] = useState<number>(0);
   const [isUserTOSAcceptedInitial] = useState(isUserTOSAccepted);
 
-  const stepsToUse = useOnboardingSteps(isUserTOSAcceptedInitial, isOnboardingDone, () =>
-    setCurrentStepIndex(prev => prev + 1),
-  );
+  const stepsToUse = useOnboardingSteps(isUserTOSAcceptedInitial);
 
   useEffect(() => {
     if (isUserTOSAccepted !== undefined && !isUserTOSAccepted) {

client/src/hooks/helpers/useOnboardingSteps/index.tsx

@@ -1,37 +1,16 @@
 import React, { Fragment } from 'react';
-import { Trans, useTranslation } from 'react-i18next';
+import { useTranslation } from 'react-i18next';
 
-import styles from 'components/shared/ModalOnboarding/ModalOnboarding.module.scss';
 import { Step } from 'components/shared/ModalOnboarding/types';
-import ModalOnboardingButtonClaimGlm from 'components/shared/ModalOnboardingButtonClaimGlm';
 import ModalOnboardingTOS from 'components/shared/ModalOnboardingTOS';
-import useGlmClaim from 'hooks/mutations/useGlmClaim';
-import useGlmClaimCheck from 'hooks/queries/useGlmClaimCheck';
 import useIsDecisionWindowOpen from 'hooks/queries/useIsDecisionWindowOpen';
-import { formatUnitsBigInt } from 'utils/formatUnitsBigInt';
 
 import { stepsDecisionWindowOpen, stepsDecisionWindowClosed } from './steps';
 
-const useOnboardingSteps = (
-  isUserTOSAcceptedInitial: boolean | undefined,
-  isOnboardingDone: boolean,
-  onGlmClaimSuccess: () => void,
-): Step[] => {
+const useOnboardingSteps = (isUserTOSAcceptedInitial: boolean | undefined): Step[] => {
   const { i18n } = useTranslation();
 
   const { data: isDecisionWindowOpen } = useIsDecisionWindowOpen();
-  const { data: glmClaimCheck, isError, isFetched } = useGlmClaimCheck(isOnboardingDone);
-  const glmClaimMutation = useGlmClaim(glmClaimCheck?.value, { onSuccess: onGlmClaimSuccess });
-
-  const isUserToClaimAvailable = isFetched && !isError && !!glmClaimCheck;
-  const isUserEligibleToClaimFetched = isUserToClaimAvailable || (isFetched && isError);
-  // Status code 200 & value 0 is an indication that user already claimed.
-  const isUserEligibleToClaimGlm = isUserToClaimAvailable && glmClaimCheck.value !== 0n;
-
-  if (!isUserEligibleToClaimFetched) {
-    // We need to fetch data about claiming first.
-    return [];
-  }
 
   return [
     ...(isUserTOSAcceptedInitial === false
@@ -48,29 +27,6 @@ const useOnboardingSteps = (
           },
         ]
       : []),
-    ...(isUserEligibleToClaimGlm && glmClaimCheck?.value
-      ? [
-          {
-            header: i18n.t('views.onboarding.stepsCommon.claimGlm.header'),
-            image: 'images/tip-withdraw.webp',
-            imageClassName: styles.claimGlm,
-            text: (
-              <Fragment>
-                <Trans
-                  i18nKey="views.onboarding.stepsCommon.claimGlm.text"
-                  values={{
-                    value: parseInt(formatUnitsBigInt(glmClaimCheck.value), 10).toString(),
-                  }}
-                />
-                <ModalOnboardingButtonClaimGlm
-                  className={styles.buttonClaimGlm}
-                  glmClaimMutation={glmClaimMutation}
-                />
-              </Fragment>
-            ),
-          },
-        ]
-      : []),
     ...(isDecisionWindowOpen ? stepsDecisionWindowOpen : stepsDecisionWindowClosed),
   ];
 };

client/src/locales/en/translation.json

@@ -397,15 +397,6 @@
         "usingTheApp": {
           "header": "Using the app",
           "text": "Before we can go any further, please read the terms of service and click the checkbox below to agree with them."
-        },
-        "claimGlm": {
-          "header": "Claim your GLM",
-          "text": "As you hold an Epoch Zero Token and you participated in the Snapshot vote, you are eligible to claim {{value}} GLM. Click the button below to withdraw to your wallet.",
-          "buttonLabel": {
-            "withdraw": "Withdraw GLM",
-            "withdrawn": "GLM claimed"
-          },
-          "signMessage": "Claim {{value}} GLMs"
         }
       },
       "stepsDecisionWindowOpen": {