banklessdao / bankless-loans Goto Github PK
View Code? Open in Web Editor NEWLicense: Other
License: Other
This task requires to develop Header/Navbar, Footer and implementing it as a Layout
Since a lot of Infura API's functionality can be requested with the API key only (without need for a Secret), I think the key is sensitive enough, and anyone possessing it can technically drain quotas in the Infura account and/or trigger payment method charges for extra usage.
bankless-loans/constants/index.ts
Line 1 in 2442baf
When selecting your wallet(after adding it) The modal window has 1 button, "Change "
After selecting change 1 time. if you launch the modal again it goes to the standard 3 choice wallet select "Metamask", "wallet connect", and "Coinbase Wallet"
LUSD Stability Pool Form
Stability Pool Dashboard Info Panes
Integrate React Router into project.
Make 3 links functional in header for: Borrow, Deposit, Stake.
Setup Global routes file.
Setup state guard / wrapper to ensure that any external dependencies are hydrated for loading each of the 3 major routes.
BORROW LUSD Confirmation, Loading, Success screens
Add new disclaimer page, using the card component.
Implement the disclaimer content found here - https://docs.google.com/document/d/13ya_R4KYjYqYuRMwI7w6zr1pYzIDYGfpFD8cQj8kBig/edit
Align dev with the Figma Nav designs
This task requires customizing Chakra-UI's Box component for matching our design. The current requirement is to just make the border radius 18px.
Implementing linting with eslint and prettiier. Airbnb way is preferred and more fine-tuned settings are :
BORROW LUSD Form
Borrow LUSD info panes
The task requires developing a utility function to borrow LUSD against the user's assets. And plugging it into UI to test it out.
We need to add a ReadME file to provide a general idea about the project, branch naming conventions, and setup.
When creating a trove the strange circle appears in the bottom left.
Need to set up the project with Next.js, TypeScript, Chakra-UI, and folder structure.
To reproduce:
LUSD Trove Dashboard
The task requires developing the landing page according to Figma design.
To reproduce:
related to #203
Setup custom theme for this project by extending Chakra-UI theme.
Note:- colors can be gathered from Figma designs.
Reference: - https://chakra-ui.com/docs/theming/customize-theme
Stake LQTY Form
Stake LQTY Info Panes
Update to:
B1. Decentralised Finance
B2. About Liquity Protocol
B3. Smart Contract risks
C1. IMPORTANT LEGAL STUFF
C2. NO WARRANTIES
Error in console which does not appear to affect behavior but needs investigating.
ERROR: webSocket is already in CLOSING or CLOSED state
Might be localdev related
https://stackoverflow.com/questions/48472977/how-to-catch-and-deal-with-websocket-is-already-in-closing-or-closed-state-in
Currently in Bankless Loans we are not following Chakra UI best-practices when it comes to use of Chakra components and theming.
This issue would be to 1) create Button themes that match the new design, and (2) add those new theme styles to the existing buttons in the existing forms.
Looking at the Figma - I do not see a dark grey Claim button that OverAchiever and IsraelRex created. Currently am seeing all purple Claim buttons - I asked IsraelRex in Bankless Loans.
Additionally, it might makes sense to implement some sort of "ButtonGroup" variant within the theme that would handle the layout of two buttons (side-by-side). Currently there is a "layout.actions" variant named in the TSX but not implemented in chakra theme that might be an option for this "ButtonGroup" variant.
Currently in the Stability Pool form we display 3 buttons in that form. I would say to add the design to the existing buttons. Let's create a separate issue for the following: the idea being that a user would click on a single "Claim" button, and then two Claim buttons would render with each option (see Stability Pool route to see those 2 claim options today).
Given that the new form layout has not yet been implemented - it might be tricky to size the buttons as per the figma file. To get around that, my first thought is give the buttons an auto width to scale to their container. But if that existing form width is a blocker for the button width then message Birdman for another task.
Time required for this task is estimated roughly 4 to 8 hours. Keep track of your time.
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.