Update Rewards Dashboard flow

[corlard3y]

Pull Request Template

1694

• [#1694 ]

Description

• Problem/Feature:
• Add Unlock Profile Button on dashboard(referral section), so users can now see dashboard and other pages when user is not registered yet. Registration will only be done when you click on unlock profile button.
• Add onClick function to unlock profile to call useGenerateUserId hook.
• Also the unlock profile modal sub heading will be different for only this case: Unlock your profile to proceed.

Type of Change

• [ ] Bug fix
• [x] New feature
• [x] 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

• [ ] No errors in the build terminal
• [ ] 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

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

Notes

[github-actions[bot]]

In File: src/contexts/AppContext.tsx:

1. There are missing closing brackets for the useState hooks for 'connectedPeerID' and 'blockedLoading'.
2. There is a missing closing curly brace for the useSelector function.
3. There is a missing closing curly brace for the 'connectWallet' function.
4. The 'retrieveUserPGPKeyFromStorage' function is missing a closing curly brace for the if statement.
5. The 'isPGPKey' function is missing a closing curly brace for the if statement.
6. The 'handleConnectWallet' function is missing a closing curly brace for the if statement.
7. The 'getUser' function is defined but not implemented.

In File: src/modules/rewards/Rewards.tsx:

1. The 'useState' hook for 'isUserProfileUnlocked' is used incorrectly. It should be either 'useState' or 'useContext(AppContext)'.
2. There are missing implementation details for some functions like 'handleUser'.
3. There is a typo in the useEffect dependency array as 'status == 'success'' which should be 'status === 'success''.
4. There are some formatting issues with the Button component.

In File: src/modules/rewards/components/ActivityStatusButton.tsx:

1. The closing brace for the ActivityStatusButton component is missing.

In File: src/modules/rewards/components/DashboardSection.tsx:

1. There is a missing closing brace for the Box component.
2. There is a missing closing brace for the DashboardSection component.

In File: src/modules/rewards/components/ReferralSection.tsx:

1. The file is empty, and the content needs to be added.

In File: src/modules/rewards/hooks/useGenerateUserId.tsx:

1. The file is empty, and the content needs to be added.

In File: src/primaries/Profile.tsx:

1. The file is not specified in the content provided, so it is unclear what needs to be reviewed.

In File: src/types/context.ts:

1. The file is not specified in the content provided, so it is unclear what needs to be reviewed.

Overall, these are the identified issues and areas for improvement in the provided files.

[github-actions[bot]]

PR Preview Action v1.4.7 :---: Preview removed because the pull request was closed. 2024-07-10 06:00 UTC

[github-actions[bot]]

All looks good.

[github-actions[bot]]

I have reviewed the code in the specified files. Here are the identified issues:

1. In 'UnlockProfile.tsx':

   • Typo in 'Internal Compoonents' should be 'Internal Components'.
   • 'INTERFACE' keyword is missing before the 'type UnlockProfileModalProps'.
   • 'useDeviceWidthCheck' should be 'useDeviceWidthCheck()' in the 'const isMobile' assignment.
   • 'handleRememberMeChange' function is missing closing bracket '}'.
   • 'missing "type" in props declaration inside the RenderToolTip component.'
   • 'tooltipContent' is not closed properly in the RenderToolTip component.
   • In the RenderToolTip component, the tooltipContent text is not enclosed in quotes.
   • 'SkeletonContainer' component is defined but not used.
   • 'CustomCheckbox' component should have lineHeight attribute enclosed in quotes.
   • The 'RenderToolTip' component is missing the return statement within its function.

2. In 'UnlockProfileWrapper.tsx':

   • 'unlockProfileWrapper' component is missing 'className' props in the return statement.

3. In 'ActivityButton.tsx':

   • 'if' block missing closing bracket '}' before the final 'return' statement.

Overall, these issues need to be rectified to ensure the proper functionality and readability of the code.

Please make the necessary corrections and ensure all components are functioning correctly. Let me know if you need further assistance.

[github-actions[bot]]

I have reviewed the provided code, and everything looks good.