Coder Social home page Coder Social logo

1hive / gardens-ui Goto Github PK

View Code? Open in Web Editor NEW
56.0 11.0 51.0 22.42 MB

Gardens UI ๐ŸŒป

Home Page: https://gardens.1hive.org/#/home

License: GNU Affero General Public License v3.0

JavaScript 69.31% HTML 0.04% TypeScript 30.54% CSS 0.11%

gardens-ui's Introduction

Gardens UI

Gardens are secure digital economies run by the community members that make them valuable.

How to run locally

Clone the repository

git clone https://github.com/1Hive/gardens-ui.git

Install dependencies

cd gardens-ui
yarn

Start UI

yarn start

Environment variables

Check out the .env.example file

gardens-ui's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

gardens-ui's Issues

Honeypot UI for desktop

When using the honey pot user interface on a desktop, when the screen is minimized, the text and threshold graphs for proposals are misaligned and move off the white background they are nested in instead of text wrapping https://1hive.org/#/

Expanded filter component cutting off

I've noticed that the expanded filter on the mobile version of honeypot v2 seems to be cutting off. To recreate this problem, I had to scroll all the way to the top, and then press on the filter button to get an extended filter window. It looks like this:
image

Use parcel bundler

Right now we are using the defualt react scritps with a huge webpack config file that is not the best.

Footer padding

There seems to be some bottom padding missing on the Honey Pot v2 footer:

image

Use 1hive-ui

Following designs we will create a 1hive-ui file where we override all needed component's styles.

Proposal detail: Change support slider

As reported by @Evalir on the aragon network dashboard there is some rounding issue when your available token amount is a decimal like 6.99999 and you select 100% on the slide bar will try to stake 7 tokens and will fail.

Screen Shot 2020-08-28 at 1 18 27 PM

Separate lib and utils folder

We currently have utils files inside the lib folder, which doesn't correspond.
We should move every utility file into a utils folder

General UI improvements

  • Add a general loading screen.
  • Proposal Detail: Find a better location for proposal status and progress
  • Proposal Detail: Add common pool balance

Add 3box comments support

  • show comment threads on conviction detail page
  • show comment threads on dandelion vote detail page
  • show number of comments in feed

Search on v2?

There is no search on v2 but it is still a pretty nice feature to have, so if we can we should add one.

Add 3box profile support

  • display names and profiles instead of address badges.
  • display profile link in the wallet / connection drop down
  • allow users to edit their profile
  • add supported by component conviction detail page

Disputable subgraph

We need to add the ability to handle the disputable conviction voting and disputable voting events in our subgraph

Lower case search queries not showing up proposals

Lower case search queries do not work -> Typing abs in the search bar for proposals doesn't show Abstain proposal, for example. Should be a quick fix, I currently cannot work on it, just figured I should point it out :)

Fields that take a number supports scientific notation

Fields that take a number generally accepts scientific notation (e.g. 1e18 or just e) and other "invalid" inputs such as "-10" and so on.

Areas affected:

  • When supporting a proposal initially
  • When creating a funding proposal
  • When changing support

Low priority bug since the user will have to input this intentionally and transactions will revert in the case that the number is out of range (amount < 0 or amount > balance).

Credit to @anthonyoliai for reporting it on Discord first

Links to subpages do not work

Navigating directly to a proposal does not work, which means people cannot share links to a specific proposal.

We should adopt "hash routing" to enable this while maintaining a static site.

Create general error screen

Currently we are not handling network connection errors and we just keep showing the loading ring forever . We need a global error screen .

Screen Shot 2020-09-20 at 9 04 01 PM

cc @fioreb

Search bar in mobile version

As @anthonyoliai posted recently in discord:

I noticed that mobile users cannot search for proposals on the mobile version of the 1hive.org website. There is no search bar present. I propose that we do add this functionality as it may be useful for the user.

How should we handle GAS LIMIT?

The provider sometimes doesn't do a good job at estimating gas, which results in the tx to revert.
Currently we are just hardcoding a GAS_LIMIT for every action.

We could either have:

  • Mapping of action to gas_Limit
  • Use the same gas_limit for every action as we currently do but add more breathing room. The only downside of this is that for cheaper actions the estimation could be unexpected.

Another UI bug: Proposal slider bugged out / out of proportion?

I'm not sure if this has been discussed before, but on the proposal page of 1hive, I noticed that the slider seems to not function. If I have time later this week I'll look into it.

10e94badc8e99b5ce8aa7ddda68ff144

EDIT: After further examination I've figured out why this happens. The reason why this is happening is because of the very small amount of HNY entered in the prompt asking how much HNY you want to support. Entering a small amount such as 0.0001 makes the slider crash.

Small suggestion to add other currencies to display prices of HNY

Just a small proposal, not really an issue. Someone mentioned on Discord whether it was possible to change it so that Honey is displayed in another currency rather than USD. This could be nice for some users. It's just a small feature, which adds a little bit more functionality for users that are used to other currencies. I could perhaps look into it. We could for example create a small button on the top right, which allows for the user to choose their preferred currency.

Post deploy QA

Honey icon/svg doesn't seem to load on safari.
image


We should include more than 5 proposals before pagination. Thinking 10 would be reasonable.

Disputable connector

We need to include all the changes needed to support the disputable subgrah schema and data

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.