Description

We need to create a Crowndloans rewards find page based on the provided Figma design. The design includes a search bar with three integrated functions: automatic search based on the wallet address, delete, and paste. Additionally, it has two states: 1) when the provided wallet did not contribute to Polkadex Crowndloans, and 2) when the provided wallet did contribute to Polkadex Crowndloans.

In addition to the search bar, this page contains a table that retrieves data from a CSV file.

One of the key requirements for this page is to implement a 3D interaction functionality with spline.

Please refer to the Figma design for visual details and make sure to integrate the search functionality, handle the different states based on wallet contributions, and incorporate the CSV data into the table.

Expected Deliverables:

• Crowndloans rewards find page matching the Figma design.
• Search functionality integrated with automatic search, delete, and paste functions.
• Two states reflecting whether the provided wallet contributed to Polkadex Crowndloans or not.
• Table displaying data retrieved from the CSV file.
• 3D interaction functionality with spline as per requirements.

Assets:

1. Prototype
2. Spline 3D Model

Screnshots

Description

• We have received the crowdloan data from multiple places , from exchanges , partners, etc.
• All this data is in different file and there are duplicate data as well.
• Some of the parameters are also missing

Task

• Merge the duplicate entries into one
• Combine all the files into one
• Calculate and add other parameters

Sheet

crowdloan1.csv

final sheet

finalCrowdloan.csv

Description

Listing page, where project owners can apply to list their tokens in Orderbook

Brief

https://docs.google.com/document/d/1d1Fu_ELVAZB9STgWNBfy1xI8a1juOdqJJBOmGn206Tk

Prototype

https://www.figma.com/proto/v6QZnKIn5f5xp4UtHESHDN/Polkadex-Website?page-id=0%3A1&node-id=1134%3A2848&viewport=-2253%2C-2756%2C0.46&scaling=scale-down&starting-point-node-id=0%3A134

Preview

User Story:

• In the current rewards page UI, upon clicking the 'How to Stake' button, the users are redirected to the 'Staking' page on our website
• Instead it should display a pop-up with a simple 4-5 step process to stake rather than bombarding the users with all the staking information. Please see the steps below. @pdexpab please proof read. Once done, @minikas please add the pop-up:

1. Upon the initial claim, the whole rewards earned by the users will be directly transferred to their addresses
   and will be locked.
2. The users can transfer the unlocked rewards up until that point in time. The rest of the rewards will remain locked in the user account. But the users can stake both the transferable/locked tokens to earn more rewards.
3. To stake as a nominator: link
4. To stake as a validator: link

The latest version of Next.js has been updated, but some changes are necessary to ensure that the deploy on Amplify works correctly.

• Hide the below options:
  
• Under Orderbook, hide all options except FAQ
  

Add button / link to

• pdex migration
• main net explorer

on front page next to this button:

This Issue aims to improve "How to Stake" section in rewards page. There are three specific areas of improvement identified:

• How to stake scroll interaction: The current behaviour of the "How to Stake" button requires enhancement. Currently, when a user clicks on the button,

• New Interaction After Reward Claim: After a user claims their rewards, there is a need to provide them with a clear indication or redirect to the "How to Stake" section. This will help users understand the next steps and encourage them to explore the staking process further. One suggestion is to consider integrating a tour guide or highlighting the relevant section to draw attention.

• Validate Intro on Unlock Rewards: Currently, it is necessary to ensure that the introduction or onboarding process is still presented to the user after they click the "Unlock Rewards" button.

1. Please warn users about ledger not being supported on polkadex net when migrating tokens
2. add option to migrate only part of the funds
   

Polkadex plans to make this repository public. To achieve this, the following actions are needed:

• Completely remove the teams page, which contains images of some Polkadex collaborators.
• Update the README document with the latest instructions.
• Update several images on the website that currently depict the previous version of Orderbook.

• Add component/message when there are no available accounts (empty array) in the dropdown.
  

• Add a component/message that indicates that the Polkadot.js extension is not installed (hide dropdown if Polkdot.js extension is not installed) - Test in Safari browser.
  

• Add a table component with the following information
  header :'AccountID', 'ParaID', 'Amount', 'Block num'
  content: fake data
  

Page: /rewards
Base Branch: integrate-crownloan
Clone and PR to 91

Currently, the Crowdloans page is being reused, but specific modifications are needed according to the provided prototype.

Prototype

Prototype link

Preview

We currently only have the ERC-20 contract address for PDEX on our website. Can we also add a link to subscan for native PDEX and feature it prominently since we are phasing out use of ERC-20 PDEX?

Our current Rewards page needs a revamp to make it more user-friendly and to encourage users to invest their rewards in staking. We propose a redesign that will streamline the interface, making it easier for users to understand how to claim their rewards. Additionally, we suggest adding prominent calls to action to promote the benefits of staking. By implementing these changes, we aim to increase engagement with our rewards program.

Features:
-[ ] Notification handler

Before	After