add artcpa unstaker input max button

src/extensions/artcpaclub/src/esdt/EsdtTab.tsx

@@ -61,7 +61,7 @@ export function EsdtTab() {
       )}
       <_Staker pool={selectedPool} className="mb-4" />
       {!!selectedPoolOnChain && selectedPoolOnChain.user_stake_amount.isGreaterThan(0) && (
-        <_Unstaker pool={selectedPool} className="mb-4" />
+        <_Unstaker pool={selectedPool} poolOnChain={selectedPoolOnChain} className="mb-4" />
       )}
     </>
   )

src/extensions/artcpaclub/src/esdt/_Unstaker.tsx

@@ -1,19 +1,21 @@
-import { EsdtPool } from '../types'
 import { Contracts } from '../contracts'
 import { Button, Input } from '@peerme/web-ui'
 import { sanitizeNumeric } from '@peerme/core-ts'
+import { EsdtPool, EsdtPoolOnChain } from '../types'
 import React, { SyntheticEvent, useState } from 'react'
 import { useApp } from '../../../../shared/hooks/useApp'
 import { AppSection } from '../../../../shared/ui/elements'
 
 type Props = {
   pool: EsdtPool
+  poolOnChain: EsdtPoolOnChain
   className?: string
 }
 
 export function _Unstaker(props: Props) {
   const app = useApp()
   const [amount, setAmount] = useState('0')
+  const balanceDenominated = props.poolOnChain.user_stake_amount.shiftedBy(-props.pool.stake_token_decimal)
 
   const handleSubmit = (e: SyntheticEvent) => {
     e.preventDefault()
@@ -43,17 +45,17 @@ export function _Unstaker(props: Props) {
             className="mb-2"
             autoComplete="off"
           />
-          {/* TODO: implement once SC data available {+amount !== +scAmount && (
-          <div className="absolute bottom-1/2 right-4 translate-y-1/2 transform">
-            <button
-              type="button"
-              onClick={() => setAmount(scAmount.toString())}
-              className="rounded-xl bg-gray-800 px-3 py-1 uppercase text-gray-100 shadow-lg transition duration-300 hover:bg-gray-900"
-            >
-              Max
-            </button>
-          </div>
-        )} */}
+          {+amount !== +balanceDenominated && (
+            <div className="absolute bottom-1/2 right-4 translate-y-1/2 transform">
+              <button
+                type="button"
+                onClick={() => setAmount(balanceDenominated.toString())}
+                className="rounded-xl bg-gray-800 px-3 py-1 uppercase text-gray-100 shadow-lg transition duration-300 hover:bg-gray-900"
+              >
+                Max
+              </button>
+            </div>
+          )}
         </div>
         <Button color="blue" className="block w-full" submit>
           Add Unstake Action