Workers Auto Approve
Create HOPR widget according to design mockup
We need a widget that can be easily embedded in other applications wherever needed. The widget hosts three different functions which are NOT in scope of this issue but which will be in separate issues.
The widget comprises three tabs which will later host the various functions:
The top of this tab features a chart which is NOT in scope of this issue. Above that is a title: `HOPR staking statistics`
And below that is some short text (also goes in the end above the chart area): `The chart below shows the amount of HOPR tokens staked by relay nodes (solid line) and the number of open payment channels`
Under this chart is a table with dummy content. The table (with static dummy content only) is in scope of this issue. The table has a title: `List of HOPR payment channels`. Under that title is some short text `The table below shows all HOPR payment channels (past, present and pending)`. The table has four columns: `From`, `To`, `Amount`, `Opened`, `Status`
The static dummy content is:
`0xde0b295669a9fd93d5f28d9ec85e40f4cb697bae` (the UI should crop this value to fit), `0xde0b295669a9fd93d5f28d9ec85e40f4cb697bae` (the UI should crop this value to fit), 12345.23, `Aug 1 '19, 23:55`, `CLOSED`
`0xde0b295669a9fd93d5f28d9ec85e40f4cb697bae` (the UI should crop this value to fit), `0xde0b295669a9fd93d5f28d9ec85e40f4cb697bae` (the UI should crop this value to fit), 12345.23, `Aug 2 '19, 23:55`, `PENDING`
`0xde0b295669a9fd93d5f28d9ec85e40f4cb697bae` (the UI should crop this value to fit), `0xde0b295669a9fd93d5f28d9ec85e40f4cb697bae` (the UI should crop this value to fit), 12345.23, `Aug 3 '19, 08:12`, `OPEN`
The cropped addresses should link to Etherscan.
The top of this section contains 3 labels with subtext and 3 textboxes along with one button. On the bottom is a table similar to the first tab but the `WITHDRAW` is actually a button.
The last tab should only contain a placeholder title: `Voting for HOPR DAO`
and short text under it `[coming soon...]`
### Acceptance criteria
1. Widget designed according to the design mockup and description above
2. HOPR values minimalism and clean code: Please provide clean and minimal code with no extras or things beyond what is absolutely needed!
4. PR changes (based off the master branch) in a separate branch called `dapp-widget`
Setup your profile
Tell us a little about you:
No results found for
Type to search skills..
Required [[totalcharacter]] / 240
Are you currently looking for work?
[[ option.string ]]
Setup your profile
Our tools are based on the principles of earn (💰), learn (📖), and meet (💬).
Select the ones you are interested in. You can change it later in your settings.
I'm also an organization manager looking for a great community.
Enable your organization profile
Gitcoin products can help grow community around your brand. Create your tribe, events, and incentivize your community with bounties. Announce new and upcoming events using townsquare. Find top-quality hackers and fund them to work with you on a grant.
These are the organizations you own. If you don't see your organization here please be sure that information is public on your GitHub profile. Gitcoin will sync this information for you.
Select the products you are interested in:
Out of the box you will receive Tribes Lite for your organization. Please provide us with a contact email: