indexcoop / index-ui Goto Github PK
View Code? Open in Web Editor NEWThe Index Coop Website
Home Page: https://www.indexcoop.com
License: MIT License
The Index Coop Website
Home Page: https://www.indexcoop.com
License: MIT License
For both the ETH2x FLI token page and BTC2x FLI token page, the streaming fee is listed in bold as 0.95% under the 'stats' section. At the very bottom of the page, the fee is listed at 1.95%.
This issue could result in confusion and undesirable entry into the index due to misinformation.
Describe the bug
A clear and concise description of what the bug is.
To Reproduce
Steps to reproduce the behavior:
CLRt+1 = max(MINLR, min(MAXLR, TLR * (1 — RS) + CLRt * RS))
(this is wrong)Expected behavior
Equation for calculating the new leverage ratio should be:
CLRt+1 = max(MINLR, min(MAXLR, CLRt * (1 - RS) + TLR * RS))
Describe the bug
React console errors observed on the How to Buy page
To Reproduce
Steps to reproduce the behavior:
Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>.
in div (at HowToBuy.tsx:74)
in div (at HowToBuy.tsx:71)
in ol (at HowToBuy.tsx:166)
in p (created by styled.p)
in styled.p (at HowToBuy.tsx:162)
in div (at HowToBuy.tsx:157)
in div (created by styled.div)
in styled.div (at HowToBuy.tsx:156)
in div (created by styled.div)
in styled.div (created by Container)
in Container (at HowToBuy.tsx:125)
in div (created by styled.div)
in styled.div (at Page.tsx:8)
in div (created by styled.div)
in styled.div (at Page.tsx:7)
...
Expected behavior
No console errors
Desktop (please complete the following information):
Chrome
Describe the bug
Styling on BED allocations page looks broken. Discovered while smoke-testing an unrelated change
To Reproduce
Steps to reproduce the behavior:
On https://www.indexcoop.com/liquidity-mining, there is a box that informs users about the MVI rewards starting on April 8th. This can probably be removed now.
Picture of what needs to be removed for reference:
These two changes need to fusion-ha
The repo has a couple of build warnings that are pretty trivial to remedy
The browser list needs updating, which can be done by running
npx browserslist --update-db
When running yarn start
to serve the website locally, the following warnings can be found:
If after resolving all the above warnings there are a few new ones, those also need to be resolved.
The token data is kind of everywhere, and this increases pain when adding new products to the site. The token metadata should be in one place, so as to make it easier to discover and prevent data mismatch issues.
As the website integrates with the user wallet, we must be very careful to not introduce any attack vectors that could put our users funds in danger.
After running npm audit I found one that should be solved ASAP:
web3 package has a vulnerability that may leak the private keys. The vulnerability page states the following:
Exploiting this vulnerability likely requires a Cross-Site Scripting vulnerability to access the private key.
Other notable vulnerabilities:
I have clone this repo, run npm install
, and yarn start
, there is error,
Failed to compile
./src/hooks/useLocalStorage.ts
Line 0: Parsing error: Cannot read property 'map' of undefined
How can I do?
OS:ubuntu 20
Describe the bug
Coingecko is slow to roll out the MCAP for BED, and this seems to be a common pattern with them. Alongside this, there seems to be a bug caused by this that prevents the hiding of the supply cap stat, which should not show for simple indices
Expected behavior
The BED product page should show an MCAP differently than it currently does.
By default, the value should be '--'.
If MCAP is provided by CoinGecko, instead show it.
Else, a rough estimate of MCAP should be calculated, formatted, and show (currentSupply * CG Price). This also requires a user to connect their wallet. You might have to pass this value in and add it to ProductTokenStatsProps (this will cascade to a few changes on each product page)
For supply cap: @ src/components/ProductPage/ProductTokenStats.tsx:30
Move supplyCap ?
to line 39 below, following the pattern on streamingFee (ln 32)
Additional context
Supply data is coming from the token contract, so it will require a provider.
Describe the bug
On the app, after clicking/tapping on Connect Wallet
, the overlay does not prevent the background from scrolling. This issue also occurs when the Mobile Menu is open on any mobile device.
To Reproduce
Steps to reproduce the behavior:
app.indexcoop.com
Connect Wallet
Expected behavior
The background scrolling effect should be disabled while an overlay is present. This provides a cleaner and more professional experience for users.
Desktop (please complete the following information):
Smartphone (please complete the following information):
Describe the bug
I observed a CORS error on the network request to https://hub.snapshot.org/api
To Reproduce
Steps to reproduce the behavior:
Expected behavior
No console errors
Desktop (please complete the following information):
Describe the bug
When a user attempts to select a Reward month from the drop down, later months are hidden by the Card's bounds
To Reproduce
Steps to reproduce the behavior:
Expected behavior
All months should be displayed and able to be selected
Desktop (please complete the following information):
Brave | 1.31.87 Chromium: 95.0.4638.54 (Official Build) (64-bit) |
---|---|
Revision | d31a821ec901f68d0d34ccdbaea45b4c86ce543e-refs/branch-heads/4638@{#871} |
OS | Windows 10 Version 21H1 (Build 19043.1237) |
Smartphone (please complete the following information):
Not Tested
Additional context
The Card component comes from react-neu
package which doesn't expose overflow
as a prop but sets it directly:
https://github.com/clintonbembryjr/react-neu/blob/master/src/components/Card/Card.tsx#L8
The Product UI needs to be more modular. When onboarding new products, we really need to be able to do essentially a quick copy pasta. Ideally, this component should:
Page
component)productTokens.ts
Is your feature request related to a problem? Please describe.
A Pull Request template would help define the process for contributors
Describe the solution you'd like
PULL_REQUEST_TEMPLATE.md
fileAdditional context
Reach out to me here or on Discord (or #dev
channel) to sus out details of what the checkboxes could be.
Some can be:
CONTRIBUTING.md
There can be more, but off the top of my head those seem necessary. Reach out to myself or @controtie for further input
Describe the bug
Market cap data not being fetched/displayed correctly
To Reproduce
Steps to reproduce the behavior:
Expected behavior
Should show actual market cap of the product
The following should be performed for the CGI product page to prepare it for deprecation:
we need to display premium/discount calculation on the buy/sell process between NAV and DEX price
This will actually be changed to displaying the NAV on the product page
TVL shown on Landing Page should reflect all Index Coop products, not just DPI
The BTC FLI UI needs to be created and prepared for the token launch
Is your feature request related to a problem? Please describe.
The YAxis component's min/max labels aren't clear, which can be problematic since the numbers are so close to the price.
Describe the solution you'd like
The YAxis should prepend the current values with High and Low, respectively.
Describe alternatives you've considered
If you have a better idea to indicate to the user that these represent the Y Axis range (ie. making the chart itself more distinguishable as well), then go ahead and try that.
Is your feature request related to a problem? Please describe.
The README Contributing section should link to CONTRIBUTING.md
Describe the solution you'd like
Link to https://github.com/SetProtocol/index-ui/blob/master/CONTRIBUTING.md#-troubleshooting
Is your feature request related to a problem? Please describe.
Sushiswap does not appear on our homepage under the 'Earn Yield' section, even though we have pools in the Onsen. Since making that page, Sushi has also added Kashi, so we can show users they can leverage DPI
Describe the solution you'd like
'Lend and Borrow' section:
'Earn Yield' sectopm
Also be sure to make 'Call & Put Options' and 'Smart Contract Covers' mimic the styling of 'Exchanges' in regards to stretching the two remaining items to fill the space. The same should apply for the relocated 'Lend and Borrom'
Additional context
We seem to be missing an image for Opyn as they've changed their logo. Perhaps use this one?
I have been trying to resolve this error
`C:/Users/user/index-ui/src/components/BuySell/components/TokenInputs.tsx
TypeScript error in C:/Users/user/index-ui/src/components/BuySell/components/TokenInputs.tsx(25,28):
Expected 1 arguments, but got 0. TS2554
23 | } = useBuySell()
24 |
25 | const currencyInputRef = useRef<any>()
| ^
26 | const setTokenInputRef = useRef<any>()
27 |
28 | const theme = useTheme()`
Describe the bug
Viewing Wallet Balance on a Mac laptop does not allow the ability to scroll through balances. Scroll is unresponsive. Additionally, the wallet is opening the bottom of the balances page, rather than the top of the wallet balances.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
The popup window should open with the ability to scroll through balances seamlessly, but it should also open at the top of the scrollable window (not the bottom).
Desktop (please complete the following information):
Smartphone (please complete the following information):
Additional context
Problem does not appear to be present on Android or iPhone. I have not tested Windows at this time but will update accordingly once test has been ran.
Currently, there is no way to return to www.indexcoop.com
once you navigate to app.indexcoop.com
from the V2 website. There should be a way for users to easily navigate back to the V2 marketing website after they have chosen to access the App.
Convert the Logo in the upper left portion of the app page to a Link
that will navigate users back to www.indexcoop.com
. This is a relatively hidden but functional change.
Describe the solution you'd like
Additional context
Describe the bug
The Buy/Sell widget has some broke padding when trying to select token, and it seems to cut off the last couple pixels of each token in the list
To Reproduce
Steps to reproduce the behavior:
Expected behavior
This should not cut the letters off prematurely
Desktop (please complete the following information):
We only need one MarketData component for the product pages, where currently we use a new one for each page. Make the code reusable.
Is your feature request related to a problem? Please describe.
Since not all token contracts use 18 decimal places, #422 includes a HACKHACK
that special cases the number of decimals for particular token contracts.
Describe the solution you'd like
Let's remove the HACKHACK
and read decimals()
from on-chain.
Additional context
In order to resolve this issue, we'll likely need to perform one Web3 request per product component. There are currently 18 (DPI) + 15 (MVI) + 3 (BED) + 2 (ETH2xFLI) + 2 (BTC2xFLI) + 7 (DATA) = 47 components. Will front-end performance degrade if we perform 47 Web3 requests? I don't think so but we'll see.
Update MVI LM Dates to the most recent dates
The index-ui repo needs contribution guidelines to make things easier for newcomers trying to get the lay of the land.
CONTRIBUTING.md
file at project rootThe contents of this probably should be discussed in #dev
channel on the Discord, as our needs will inevitably be different than other repos.
Is your feature request related to a problem? Please describe.
Mr Madilla has requested that NAV premium/discount be shown as a percentage near the price
Additional context
This percentage should be based on chart price compared to NAV. May need to look into other price feeds for DPI, or how to get faster responses out of CG.
Note this Discord message: https://discord.com/channels/762061559744299010/762062707548487691/840540220063612959
There is a need to remind people that they aren't able to claim rewards to a CEX wallet, and we should note that on the rewards page.
Describe the solution you'd like
This could be solved by displaying some text as mrvls described in discord.
Describe alternatives you've considered
I'm unsure of a good alternative, but additional prevention could be had by reminding contributors to send web3 addresses when collecting for rewards.
I'm having trouble getting the set allocations to show up when connecting my ledger.
The error I'm receiving isAn operation that changes the device state is in progress.
I'm not an expert on our ledger integration. This shows up in my google search:
https://github.com/crosswalk-project/chromium-crosswalk/blob/master/third_party/WebKit/Source/modules/webusb/USBDevice.cpp
Originally posted by @controtie in #422 (comment)
Investigate this on website-v2-master branch
Idea for a small scope refactor: we currently implement a utility function for getting token balances
https://github.com/SetProtocol/index-ui/blob/9a00dd4bf3b9a60b6e582a8246e701de6c438ca8/src/utils/index.ts#L89-L103
If we're comfortable taking a dependency on useDapp we may be able to replace this utility with useTokenBalance.
YouTube: Rapid DApp Development with useDApp
Some things can be added to the /vote page, and probably need some input from the design team
How do we consider Boardroom vs Snapshot? What does governance look like for us going forward?
Describe the bug
While developing I observed http://localhost:3000/news appears broken
To Reproduce
yarn start
Expected behavior
I expected http://localhost:3000/news to match https://www.indexcoop.com/news
Delete the src/contexts/SnapshotProposals
directory and verify that all references to the underlying files are removed
Under https://www.indexcoop.com/liquidity-mining, the DPI and MVI farm show the incorrect dates. These dates should both be updated to be July 13th - August 12th.
Here is a screenshot of the incorrect dates:
Describe the solution you'd like
Add a new wallet option in the wallet select model for the Rainbow wallet. When the button is clicked just use WalletConnect.
Some inspiration for how to style it:
https://christianbaroni.github.io/rainbow-buttons
https://github.com/rainbow-me/rainbow-button
Additional context
Mike Demarais from https://rainbow.me requested this feature. They've been a huge supporter of the coop and show the DPI prominently on the dashboard of their wallet.
Rainbow wallet connects via WalletConnect. They've been trying to get dapps to create a special "connect to rainbow" button which is just WalletConnect under the hood with their logo slapped on it.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.