DAPP-1619 nft success modal implemented

[rohitmalhotra1420]

Pull Request Template

Ticket Number

• 1619

Description

• Problem/Feature:

• Now when the user has successfully minted their push alpha pass nft instead of showing the success toast we will show a modal.

• This modal will have a Join Group button which will take the user to the Push Alpha Comm group page on chat page.

Type of Change

• [ ] Bug fix
• [x] New feature
• [ ] Code refactor
• [ ] Documentation update
• [ ] Other (please describe):

Checklist

• [ ] Quick PR: Is this a quick PR? Can be approved before finishing a coffee.
  • [ ] Quick PR label added
• [ ] Not Merge Ready: Is this PR dependent on some other PR/tasks and not ready to be merged right now.
  • [ ] DO NOT Merge PR label added

Frontend Guidelines

• [x] Followed frontend guidelines as per the Guidelines Notion Doc

Build & Testing

• [x] No errors in the build terminal
• [x] Engineer has tested the changes on their local environment
• [ ] Engineer has tested the changes on deploy preview

Screenshots/Video with Explanation

• Before: Explain the previous behavior

• After: What's changed now

  

Additional Context

Review & Approvals

• [x] Self-review completed
• [ ] Code review by at least one other engineer
• [ ] Documentation updates if applicable

Notes

[github-actions[bot]]

In 'src/modules/claimGalxe/ClaimGalxeModule.tsx':

1. Typo in importing 'ItemHV2' component: 'ItemHV2' should be 'ItemHV2V2'.
2. Typo in importing 'SpanV2' component: 'SpanV2' should be 'SpanText'.
3. Typo in setting button text in 'checkClaim' function: 'btnText' should be 'setSubmitbtnInfo({ btnText: 'Claim NFT', enabled: true, info: '', });'.
4. Typo in the 'mintNft' function: 'const sendWithTxPromise = await nftRevealContract.mint(proof);' line is missing ending braces and semicolon.
5. Closing brace missing at the end of the 'try' block in 'mintNft' function.
6. Typo in 'setLoading' function calling is missing ending parentheses in the 'catch' block in 'mintNft' function.
7. Missing closing brace '}' at the end of the component before 'export'.
8. Typo in 'SpanText' component name: It should be 'SpanV2' instead of 'SpanText'.

In 'src/modules/claimGalxe/NFTSuccessModal.tsx':

1. Typo in importing 'HoverableSVG' component: 'HoverableSVG' should be 'HoverableIcon'.
2. Typo in 'Text' component: 'Text' should be 'BoxText'.
3. Typo in 'Text' component: 'Text variant="bs-regular"' should be 'BoxText variant="bs-regular"'.
4. Typo in 'Text' component: 'Text variant="h5-semibold"' should be 'BoxText variant="h5-semibold"'.

Please fix the mentioned issues in the files.

[github-actions[bot]]

PR Preview Action v1.4.7 :---: Preview removed because the pull request was closed. 2024-06-18 09:18 UTC

[github-actions[bot]]

In the file src/hooks/useToast.tsx:

1. In the LoaderMessage styled component, the closing tag is missing curly brace } which can cause parsing issues.
2. In the Toast styled component, the closing tag is also missing curly brace }.

Other than the missing closing tags in the styled components, the code logic and structure seem to be correct.

In the files src/config/RecommendedChatsList.js and src/modules/claimGalxe/NFTSuccessModal.tsx, everything looks good.

Overall: All looks good.

[abhishek-01k]

the functionality works great