everipedianetwork / iq-bridge-ui Goto Github PK

these can be done after deploying locking 👍🏻 just adding a list so we dont forget

• move eth addresses to .env
• in header lock its still using matic explorer (it should use etherscan)
• login to swap info message in locking should be "login to lock"
• when there is a message of tx executed, it would be great if it can get linked to the tx w etherscan

• Users can modify the vote (if there's enough left time for that)

I think it is necessary to add a description about What is a lock value, so the newbies can understand why is this concept how it is used

Is your feature request related to a problem? Please describe.
Dialog for wallets its boring. not icons

Describe the solution you'd like
We could add icons and merge some of the options. Example:

Is your feature request related to a problem? Please describe.
There are missing translations and translations that are not needed / wrong.

Describe the solution you'd like
App should be fully translated

Additional context
We need to review missing ones, have proper english ones and then ask the chinese / korean translator to help with those languages

https://snapshot.org/#/everipediaiq.eth/proposal/QmawMNvB978YsN9rocEWDkj7CJ8xGnDB2x1hoBYCb6XaUN

It maybe better to import the objects directly instead of using statements like React.memo for instance.

React.memo ❌
import React, { memo } from "react";✔

• make sure it can get merged ( I get still message of conflicts )
• on Login if you are not in the right chain, show an error explaining what user needs to do. Right now it shows nothing:
  #1 (comment)

• on Login on matic it shows loading forever ( I think it might be because I have 0 hiIQ )
  #1 (comment)

a) big numbers / numeric input breaks layout
b) no need to have an arrow or any icon, all the uniswap style AMM have this feature so just let users to click in the balance (already pushed small change to remove that)
c) there is a comma there ( I guess based in my locals), that's gonna break most likely bridges & locking txs

• Update i18n keys entries
• Organize i18n file
• Setup latest env vars
• Clean code

When render a proposal, it's needed to show a title & description, so for that it's necessary to convert md to html in a safe way

getting this error if I was logged and started the project in local w yarn local. I need to cleanup the storage in order to logout, so I can run again the project

Let's write doc for that page on their learn section.

Inspiration: https://docs.frax.finance/amo/vefxs

they should be closer, no reason for that space. Distance between language dropdown and eos wallet should be equal or higher than between the two wallets

@kesar I don't remember if we're including this.

Whenever you click in the grey text, it should add that balance to the input

@kesar do we need an ENS for our project?

• https://docs.snapshot.org/spaces/create
• 
• https://app.ens.domains/
• https://docs.ens.domains/dns-registrar-guide

https://iq-bridge-ui-git-lock-prediqt.vercel.app/eth?lng=en (without eth login)

PS: need to see if its related to missing ENVs in vercel

Is your feature request related to a problem? Please describe.
A way for voting inside of our UI

Describe the solution you'd like
It should be a new page with a select, that will contain the latests proposals. Defaulting to the last one active.

It should show title & description converting markdown to html in a safe way

Results should be shown initially in a pie chart (in the next iteration we will try to add an SVG w a brain :)) )

Users should have buttons to vote to different values of the proposal. Once they sign and broadcast the votes, ideally it should refresh the pie chart w new values.

User should be able to see his vote, and change if there is still time for that.

If possible, we should show the user voting power.

Extra: show list of voting similar to the snapshot page

Useful links

https://github.com/DimensionDev/Maskbook/blob/master/packages/maskbook/src/plugins/Snapshot/apis/index.ts
^-

export async function vote(identifier: ProposalIdentifier, choice: number, address: string) {
    const msg = JSON.stringify({
        version: '0.1.3',
        timestamp: (Date.now() / 1e3).toFixed(),
        space: identifier.space,
        type: 'vote',
        payload: {
            proposal: identifier.id,
            choice,
            metadata: {},
        },
    })

    const sig = await Services.Ethereum.sign(msg, address)

    const response = await fetch(https://hub.snapshot.page/api/message, {
        method: 'POST',
        headers: {
            Accept: 'application/json',
            'Content-Type': 'application/json',
        },
        body: JSON.stringify({ msg, sig, address }),
    })

    const result: VoteSuccess = await response.json()
    return result
}

You can check our documentation here for our API if you want to integrate it on your UI: https://docs.snapshot.org/graphql-api
For signing vote and proposal you will need to use Snapshot.js client. It's not documented but i can point you to some code example from Snapshot UI
This is how we send a vote or a proposal:
https://github.com/snapshot-labs/snapshot/blob/032f91c67ba7ebde4eb45d5585f5ff9ed26f6cac/src/store/modules/app.ts#L58-L64
This is how the client is initialized:
https://github.com/snapshot-labs/snapshot/blob/032f91c67ba7ebde4eb45d5585f5ff9ed26f6cac/src/helpers/client.ts
This is how a vote is triggered: https://github.com/snapshot-labs/snapshot/blob/975b84dabb79b001a9395572818b689f455d40ef/src/components/Modal/Confirm.vue#L103-L111

You can use https://demo.snapshot.org/ for that
You can setup your space like on the main snapshot website, and do test proposals and vote
The content will be not shared between demo and the main site

Is your feature request related to a problem? Please describe.
We need users to swap IQ to EOS IQ

Describe the solution you'd like
A page where they can do it

• Create vote payload, sign it and broadcast to the network
• Show a message with information about the vote operation once the broadcasting ends

Trigger lock action once you can login using Matic chain ID and data is the right one

Is your feature request related to a problem? Please describe.
Locking is only possible in the matic chain, so user needs to login using that chainId. Right now it uses always the ethereum on (id: 1)

https://github.com/EveripediaNetwork/iq-bridge-ui/blob/main/src/App.js#L21

Here its hardcoded, it should be that for the bridge part, but allow switch or use a different one for the locking page.

I think there is a way in ethersjs to ask user to switch chain Id, you will need to explore this

Is your feature request related to a problem? Please describe.
We need to improve the lock page with information so users can understand the benefits of locking and also see current trends of other users locking IQ

Describe the solution you'd like

• Add a text in the top of the card similar to:

"The longer you lock your IQ, the more hiIQ you will receive. You can also get additional hiIQ by locking more IQ or extending the lock period. hiIQ decays slowly over your locking period, eventually reaching 1-to-1 with IQ."

• Create a card similar to the one in the bottom of this example (feel free to take code as reference from https://github.com/EveripediaNetwork/mindswap-ui )

That card should show when user fill IQ balance or when user already have balance in hiIQ:
it should show data like:

• hiIQ balance
• Time locked

validate eos accounts and ethereum address in address input

eos: /^[a-z0-9.]{1,12}$/
eth: /^0x[a-fA-F0-9]{40}$/

if balance < current amount : set red color + underlying msg? (or just red color)