refactor: make cta button active even for stonks with zero balance

lidofinance · Mar 25, 2024 · 15e6ed3 · 15e6ed3
1 parent 15aef45
commit 15e6ed3
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 4 deletions.
diff --git a/modules/stonks/hooks/useStonksData.ts b/modules/stonks/hooks/useStonksData.ts
@@ -65,6 +65,7 @@ export function useStonksData() {
             marginInBasisPoints: marginInBasisPoints.toNumber(),
             orderDurationInSeconds: orderDurationInSeconds.toNumber(),
             priceToleranceInBasisPoints: priceToleranceInBasisPoints.toNumber(),
+            currentBalanceBn: currentBalance,
             currentBalance: isEnoughBalance
               ? formatUnits(currentBalance, tokenFromDecimals)
               : '0',

diff --git a/modules/stonks/ui/StonksGrid/StonksGrid.tsx b/modules/stonks/ui/StonksGrid/StonksGrid.tsx
@@ -30,10 +30,10 @@ export function StonksGrid({ stonksData }: Props) {
             </Text>
             <Button
               size="xs"
-              disabled={isZero}
+              variant={isZero ? 'outlined' : 'filled'}
               onClick={() => router.push(stonksInstance(stonks.address))}
             >
-              Create Order
+              {isZero ? 'Inspect' : 'Create Order'}
             </Button>
           </Card>
         )

diff --git a/modules/stonks/ui/StonksOrderForm/StonksOrderForm.tsx b/modules/stonks/ui/StonksOrderForm/StonksOrderForm.tsx
@@ -70,10 +70,12 @@ export function StonksOrderForm() {
     return <MessageBox>Stonks pair not found</MessageBox>
   }
 
+  const isBalanceZero = selectedStonksPair.currentBalanceBn.isZero()
+
   return (
     <Form formMethods={formMethods} onSubmit={handleSubmit}>
       <Title
-        title={`New Stonks order ${selectedStonksPair.tokenFrom.label} -> ${selectedStonksPair.tokenTo.label}`}
+        title={`Stonks pair ${selectedStonksPair.tokenFrom.label} -> ${selectedStonksPair.tokenTo.label}`}
       />
       <FormFields>
         <MotionInfoBox>
@@ -93,6 +95,7 @@ export function StonksOrderForm() {
               label="Minimum acceptable amount"
               name="minAcceptableAmount"
               rules={{ required: 'Field is required' }}
+              disabled={isBalanceZero}
             />
           </InputRow>
         </MotionInfoBox>
@@ -140,6 +143,7 @@ export function StonksOrderForm() {
       <Button
         type="submit"
         fullwidth
+        disabled={isBalanceZero}
         children="Create Order"
         loading={isSubmitting}
       />

diff --git a/modules/stonks/ui/StonksOrderProgress/StonksOrderProgressSafe.tsx b/modules/stonks/ui/StonksOrderProgress/StonksOrderProgressSafe.tsx
@@ -27,7 +27,9 @@ export function StonksOrderProgressSafe({ safeTxHash }: Props) {
       </MessageBox>
       <MessageBox>
         <Text size={14} weight={500}>
-          Once you obtain the transaction hash, you can proceed with the order
+          Once the transaction is signed and transaction has is obtained, you
+          can proceed with the order. Click the button below to open up the
+          order form.
         </Text>
         <Button size="sm" onClick={() => router.push(stonks)}>
           Back to Stonks