Unstaking new UI fix

[abhishek-01k]

WORK IN PROGRESS ....

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
push-dapp	❌ Failed (Inspect)			Apr 2, 2024 0:44am

[github-actions]

In the file UnstakingModalComponent.tsx:

1. The import for Close component from 'assets/chat/group-chat/close.svg' is not used in the file. You can remove this import to clean up unnecessary dependencies.

2. The withdrawAmount variable is misspelled, it should be withdrawAmount instead of amounttowithdraw on line 20.

3. The txInProgressWithdraw state is defined using React.useState, it should be useState since useState is already imported on line 3.

4. The tokenInput component is mentioned in the code but not imported nor defined in the code. It seems to be referring to the TokenInput styled component. You should confirm whether this is intended or if there is a missing import.

5. The handleClose function is being called inside the component, but the actual function is defined after the withdrawTokens function. It's better to define functions before they are used.

6. Inside the catch block of the promise, the template string on line 87 is incorrect. It should use backticks instead of single quotes around ${e.name}. It should be: Transaction Failed! (${e.name}).

7. The emptyButton styled component is defined but not used in the code. You can remove it if it is unnecessary.

8. In the MaxText styled component, there is a typo, it should be PUSH instead of PUS.

9. In the warningText styled component, the font-family property should be 'Strawford' instead of Strawford. Also, the font-weight property should be 500 instead of 400.

Other than these points, the code structure and logic seem fine.

In the file YieldUniswapV3.tsx and NewYieldFarming.tsx, there are no obvious mistakes or typos found.

Overall, the code logic seems sound.

Your code is looking good!

[github-actions]

In the file StepsTransactionModal.tsx:

1. Line 38: Missing closing bracket } for the retryClaimingRewards function after the else block.
2. Line 94: There is a missing closing parenthesis ) for the call to HandleClose.

In the file StakingModalComponent.tsx:

1. Line 58: Missing closing curly brace } for the handleInput function after the else block.
2. Line 66: The condition in the if block if (approvedToken >= parseInt(e.target.value.replace(/\D/, '') || 0)) { is invalid. It should be properly closed with }).

Other files have not been provided in detail, so they will not be reviewed in this feedback.

Once the mentioned issues have been fixed, the code looks good.