Add get claims, fix balance

src/app/hooks/use-read-state.tsx

@@ -5,6 +5,7 @@ import { useReadState } from '.';
 import { ENV } from '../сonsts';
 import { useProgramMetadata } from './api';
 import { useSendMessageHandler } from '@gear-js/react-hooks';
+import { useMemo } from 'react';
 
 export const programIdState = ENV.CONTRACT;
 export const programIdAirdrop = ENV.AIRDROP;
@@ -19,10 +20,22 @@ export function useState() {
 	return { state };
 }
 
+export function useStateAirdrop() {
+	const payloadAllState = useMemo(() => ({ GetClaimers: null }), []);
+
+	const { state: claimers } = useReadState<any>({
+		programId: programIdAirdrop,
+		meta: metaAirdrop,
+		payload: payloadAllState,
+	});
+
+	return { claimers };
+}
+
 export function useStateMessage() {
 	const metadata = useProgramMetadata(metaAirdrop);
 	return useSendMessageHandler(programIdAirdrop, metadata, {
-		disableAlerts: true,
+		disableAlerts: false,
 		isMaxGasLimit: true,
 	});
 }

src/features/wallet/components/wallet/wallet.tsx

@@ -5,7 +5,7 @@ import { useModal } from '@/hooks/use-modal';
 
 import { AccountButton } from '../account-button';
 import { WalletModal } from '../wallet-modal';
-import { useState } from '@/app/hooks/use-read-state';
+import { useState, useStateAirdrop } from '@/app/hooks/use-read-state';
 
 import style from './wallet.module.scss'
 
@@ -19,7 +19,7 @@ function Wallet() {
       {account ? (
         <>
           <div className={style.token}>
-            <h2>{state?.totalSupply}</h2>
+            <h2>{state?.balances.find((balance: any) => balance[0] === account.decodedAddress)[1]}</h2>
             <h2>{state?.symbol}</h2>
           </div>
           <AccountButton color="dark" address={account.address} name={account.meta.name} onClick={openModal} />

src/pages/home.tsx

@@ -1,14 +1,32 @@
-import { useStateMessage } from '@/app/hooks/use-read-state'
+import { useStateAirdrop, useStateMessage } from '@/app/hooks/use-read-state'
 import { Container } from '@/components'
+import { useAccount } from '@gear-js/react-hooks'
 import { Button } from '@gear-js/vara-ui'
 import React from 'react'
 
 export const Home = () => {
+	const { account } = useAccount()
 	const handleMessage = useStateMessage()
+	const { claimers } = useStateAirdrop()
+	const claimAccount = claimers?.Claimers.find((claimer: any) => claimer.address === account?.decodedAddress)
 
 	return (
 		<Container>
-			<Button text='Claim' onClick={() => handleMessage({ payload: { Claim: null } })} />
+			{claimAccount ?
+				<Button
+					disabled={!claimAccount}
+					text='Claim'
+					onClick={() => handleMessage({
+						payload: { Claim: null },
+						onSuccess: () => {
+
+						},
+						onError: () => {
+
+						}
+					})}
+				/> : <h1>Claim is not available</h1>
+			}
 		</Container>
 	)
 }