jbx-protocol/juice-interface

🧃 An app for using the JBX protocol.

juice-interface

The Juicebox frontend application.

juice-interface is a web application for the Juicebox protocol.

Links

Name	Link
Mainnet	https://juicebox.money
Sepolia	https://sepolia.juicebox.money
Subgraph	https://thegraph.com/explorer/subgraph...

Report a bug

Mention @Peel in Discord and someone from our team will triage your request!

Development

Read the development guidelines for instructions on running the app in development.

Contributing

Anyone can contribute! Start here.

Learn more about the Peel team.

Support

Join the JuiceboxDAO Discord and reach out to the development team for development support.

Team

JuiceboxDAO funds Peel to build and maintain the application. Learn more about Peel.

juice-interface's Issues

Show project owner's balance

To prevent the need for a project to move money in and out of its juicebox treasury (and pay a fee each time), it would be really nice to include the project owner's ETH balance right nearby (under?) the project's treasury.

I also think it'd make things clearer if we made it clear to folks when "distributing" payouts that a 5% fee will be taken from the quoted amount.

These things are quite urgent for SharkDAO. Instead of moving money in and out of Juicebox into the bidding multisig, the money should be taken out once and remain in the multisig for bidding the next day. People visiting the page should see that the balance is in the wallet and not the treasury, or else they'll just see a tiny balance.

Project list reflects mainnet in testnet

'Edit handle' does not work in the edit project modal

Tokens section

Maybe "JBX Tokens" with sublabels "Total supply", and "Yours" ?

@peripheralist

UI Dangling 0

maybe:
0 in your wallet
23741241 staked

the dangling 0 feels weird

Clearer UI when it tries to estimate gas for a transaction and it encounters an error.

https://discord.com/channels/775859454780244028/786985806396784690/876818760206516274

A better way to know if the Distribute button has been hit on Reserve Tokens

I always thought the amount of tokens at the bottom were Undistributed waiting to [Distribute]

Royalties contract

We should be able to route royalties from platforms like opensea to Juicebox projects. Maybe we can discuss here what that implementation would look like.

UI word change "Paid" => "Balance"

change "paid" to "balance" near the orange pay bar

Add the default payout to the project owner to this section

this should say 100% to the project owner's address.

Add hello world code to home page.

This has yet-to-be-designed, but maybe someone can take a stab at it:

I think the Juicebox target audience might be dev heavy. It'd be cool to have a section on the home screen (http://juicebox.money) with a simple hello world contract where fees are piped through a Juicebox project.

See the Tiles contract for an example of a real-world Juicebox implementer.
Link to relevant parts of it after yarn installing the jbox package:

1. include the package.
   https://github.com/TileDAO/tiles/blob/80069734af3beea4b1a9ddcfc3ff36a9f3af0e4d/contracts/Tiles.sol#L5

2. Inherit from JuiceboxProject. https://github.com/TileDAO/tiles/blob/80069734af3beea4b1a9ddcfc3ff36a9f3af0e4d/contracts/Tiles.sol#L9

3. Take a fee from within your contract's logic. https://github.com/TileDAO/tiles/blob/80069734af3beea4b1a9ddcfc3ff36a9f3af0e4d/contracts/Tiles.sol#L120

Maybe this section of the homepage can live right below the UI for creating a project?

Allow setting mods in funding cycle reconfiguration modal

Date string format change

Make the events date be "3 hours ago" etc, instead of "7-19-21 7:50pm"

Duration under 2 days shows as "--"

#enhancement Show project id on project dashboard

Show project ID on project landing page. For devs linking up a Juicebox project to contract(s), it will be helpful to clearly display what the project ID is.

Add a risk disclosure to the top of the home page

"The Juicebox contracts have not been formally audited, use at your own risk. The community that supports Juicebox can be found and "

Cycle says "ended" but it def hasnt ended

Possible meta tags issue?

Add an "upload file" button that works just like the logo uploader

append the url to the memo. Allow users to add many images.

(WIP) verify rinkeby contracts

TerminalV1: https://rinkeby.etherscan.io/address/0x6baA66E83693f8ea5A5B1c56CBc950E6180076d7#code

Can only unstake all JBX in frontend

I want to unstake a portion to add ETH/JBX liquidity, but definitely want to leave the majority.

Make the "time left" of a funding cycle more prominent

Time-left deserves a more attractive treatment than just a footer imo

Also, adding "duration" to the details grid would be nice.

Proposed change to project page

Move the reserved tokens into the cycle UI. Change "Withdraw" and "Mint" to "Distribute". Touch up the Tokens section.

Make juicebox admin fee more visible

• Project target + paid meter
• Target field in funding cycle reconfiguration form

Link not found

Was browsing the site this morning and noticed there's a broken link. Maybe it's just a testnet thing, didn't really look any further.

funding cycle history does not load

shows "no past funding cycles"

[RENAME] Issue from github - 2021-08-14T04:16:05.616000+00:00

This channel is being created to automate the creation of issues to github. It still needs improvements, I'll looking into it this week, for now, it sets the title of the issue to "Issue from Discord - " and makes the description based on content of the message. If you guys can try to use it and give feedback, I don't think it's gonna solve problem for now, but maybe it will, so let's try it.

Show UI features based on connected wallet permissions

Currently the app hides certain project actions based on a isOwner property—whether the connected wallet is the owner of a project.

This could be improved by relying on the hasPermission getter in the OperatorStore contract.

Example for getting permission for userAddress to set payout mods (SetPayoutMods = 14):

const canSetPayoutMods = useContractReader<string>({
    contract: ContractName.OperatorStore,
    functionName: 'hasPermission',
    args: [userAddress, owner, projectId.toHexString(), 14]
})

List of integer codes for all permissions: https://github.com/jbx-protocol/juicehouse/blob/main/packages/hardhat/contracts/libraries/Operations.sol

Payout address only works with copy paste

Link to mp4: https://user-images.githubusercontent.com/10104111/126802900-214e3543-2904-4a2e-8092-d2ec54b0874a.mp4

Should either say, "Please copy and paste", or allow users to type invalid addresses and them validate upon submission.

See Juicebox from any account

I'd like to be able to view Juicebox projects as any address

Allow users to unstake a portion of tickets and not just the whole amount.

Verify contracts on Etherscan

Set new ballot in reconfiguration UI

I need to be able to set a new ballot address in the reconfiguration UI

Display mods with queued funding cycle

Mint/Distribute reserved tokens modal

Related to #21

Regardless of the word used on the button, a confirmation modal that shows how the reserved tickets will be distributed would be helpful in clarifying its purpose, and probably prevent people from paying the gas for this without realizing what they're doing

s/Ticket(s)/{Token} in frontend

Showing the ticker symbol instead of "Tickets" is probably more direct as to what's happening behind the scenes. It looks like we do this in some places, but not in others. Maybe it's worth offering some more consistency.

"day" should be "days"

type

"be be vulnerable"

[RENAME] Issue from github - 2021-08-14T04:10:54.773000+00:00

test

Word change, but conceptual: Changing "Mint" to something else for the button to mint reserves.

"change the "mint" to something else? might just be because it's a NFT project, but a lot of people in Tiles are clicking that button without understanding what it does" - @peripheralist

I think "Distribute" would be a stronger word, I also think moving the button right next to the field would help associate the button to the field instead of having it all the way across the row.

Allow setting payout/ticket mods in 'reconfigure' contract call

Mods forms should be added to reconfiguration modal

Add UI support for premining tokens

Add details to the modal that appears when "redeem is clicked"

"add some more info to the "redeem" screen that makes the effect of the current bonding curve clearer, and explicitly states that your tokens will be burned" - @peripheralist

I'd also love to see the amount that I can redeem for somewhere on the Dashboard (or at least in the modal). Right now I have to open the modal, and click "Max" to see the amount (img 3)

Experiment with incorporating owner balance into project balance meter

When a project's funding cycle changes and its balance has been fully withdrawn, its balance meter will go to to 0. This can be misleading. How to incorporate the amount that's been paid so far into the balance meter?

• use the owner's wallet balance
• show how much has been withdrawn in previous funding cycles.

Add "delete project" option which transfers ownership to 0x00 burn address

New "context" to cleanup bloated Dashboard component directory

Create a new ProjectContext to make project-specific information easier to pass down through the Dashboard/Project component tree.

Properties could include:

projectId?: string
handle?: string
metadata?: ProjectMetadata
owner?: string // owner address
isOwner?: boolean // connected user is owner
currentFC?: FundingCycle
queuedFC?: FundingCycle

Can't add/edit project description.

I did add a great description but for some reason it didn't save. Went to add it again and not an option in the setting button. @peripheralist

Show fee when reconfiguring

It be nice to see the fee when reconfiguring a target, like it shows when deploying a new project.

Setting no funding target yields max int $$$

[RENAME] Issue from github

test