ribondao / interface Goto Github PK
View Code? Open in Web Editor NEWAn open source frontend for the Ribon protocol
Home Page: https://dapp.ribon.io
An open source frontend for the Ribon protocol
Home Page: https://dapp.ribon.io
Interface today:
Link: https://dapp.ribon.io/promoters/support-fund
One of the main pages for comparison:
Link: https://dapp.ribon.io/promoters/fund
Note: apparently this inconsistency is only appearing on the desktop (mobile seems to be ok, but it is good to confirm the responsiveness for the most diverse screens)
Check Ribon Docs to learn what is Ribon, how to contribute and get a Smart contract overview.
We highly recommend that you join us in Discord #development channel to ask questions quickly and hear about upcoming new issues.
Add tests to the component CardSideImageButton to increase test coverage and ensure that the component works well
Check Ribon Docs to learn what is Ribon, how to contribute and get a Smart contract overview.
We have USDC bountys for all our issues on Github. If you want to get rewarded for solving this issue just follow these steps:
We highly recommend that you join us in Discord #development channel to ask questions quickly and hear about upcoming new issues.
Add tests to the component CardDoubleTextDividerButton to increase test coverage and ensure that the component works well
Check Ribon Docs to learn what is Ribon, how to contribute and get a Smart contract overview.
We have USDC bountys for all our issues on Github. If you want to get rewarded for solving this issue just follow these steps:
We highly recommend that you join us in Discord #development channel to ask questions quickly and hear about upcoming new issues.
Add tests to the component ModalForm to increase test coverage and ensure that the component works well
Check Ribon Docs to learn what is Ribon, how to contribute and get a Smart contract overview.
We have USDC bountys for all our issues on Github. If you want to get rewarded for solving this issue just follow these steps:
We highly recommend that you join us in Discord #development channel to ask questions quickly and hear about upcoming new issues.
The navbar is 76px tall, when ideally it should be 64px.
When we look at each element individually, all the elements and alignments are in the correct dimensions. However, looking at the entire navbar, it gets to 76.
The only thing it was noted as different in size is the height of the text block which, instead of 20px, could be 16px. But 4px is not enough to take the navbar height from 76px to 64px. If we don't find anything else concerning the navbar, we can lower the text block size to 14px (in last case), so that we reduce the height at least a little.
Check Ribon Docs to learn what is Ribon, how to contribute and get a Smart contract overview.
We highly recommend that you join us in Discord #development channel to ask questions quickly and hear about upcoming new issues.
Where?
https://dapp.ribon.io/promoters/fund
Adjustments:
Adjust the text block so that it is aligned with the center of the container where it is positioned (currenlty it is halfway down, as if it were aligned with the base of the container)
Remove the margins of the text block itself, since the card already has a lower and upper padding of 12px
Check Ribon Docs to learn what is Ribon, how to contribute and get a Smart contract overview.
We highly recommend that you join us in Discord #development channel to ask questions quickly and hear about upcoming new issues.
Currently is: #FFFFFF
Change it for: #FBFBFD
Check Ribon Docs to learn what is Ribon, how to contribute and get a Smart contract overview.
We highly recommend that you join us in Discord #development channel to ask questions quickly and hear about upcoming new issues.
Add tests to the component InputAutoComplete to increase test coverage and ensure that the component works well
Check Ribon Docs to learn what is Ribon, how to contribute and get a Smart contract overview.
We have USDC bountys for all our issues on Github. If you want to get rewarded for solving this issue just follow these steps:
We highly recommend that you join us in Discord #development channel to ask questions quickly and hear about upcoming new issues.
Screen: https://dapp.ribon.io/promoters/support-fund
Buttons highlighted by red outline:
Check Ribon Docs to learn what is Ribon, how to contribute and get a Smart contract overview.
We highly recommend that you join us in Discord #development channel to ask questions quickly and hear about upcoming new issues.
Is your feature request related to a problem? Please describe.
I want to be able to check the complete list of all paid contributions I've ever made to the dApp.
Describe the solution you'd like
Button to access page of all givings appear in the carousel of my givings
When the user accesses the treasure page, its 3 most recent givings are already displayed on cards (from most recent to oldest) containing date, value of contribution made and transaction link on the blockchain. It should be added: new card (following these 3 first cards) containing a CTA to access a full page of givings.
Individual givings page
When the user accesses, it should see its whole giving history:
Additional context
Figma design handoff file
In Figma design handoff file you will find:
Check Ribon Docs to learn what is Ribon, how to contribute and get a Smart contract overview.
We have USDC bountys for all our issues on Github. If you want to get rewarded for solving this issue just follow these steps:
We highly recommend that you join us in Discord #development channel to ask questions quickly and hear about upcoming new issues.
Screen: https://dapp.ribon.io/
Text in question highlighted by red frame:
Check Ribon Docs to learn what is Ribon, how to contribute and get a Smart contract overview.
We highly recommend that you join us in Discord #development channel to ask questions quickly and hear about upcoming new issues.
Add tests to the component Dropdown to increase test coverage and ensure that the component works well
Check Ribon Docs to learn what is Ribon, how to contribute and get a Smart contract overview.
We have USDC bountys for all our issues on Github. If you want to get rewarded for solving this issue just follow these steps:
We highly recommend that you join us in Discord #development channel to ask questions quickly and hear about upcoming new issues.
Hello! wrong color value of the brandColors:
theme.colors.brand[50] == '##FFF7F0'
Cannot create pull request :(
Just follow the contribution flow :D
Check Ribon Docs to learn what is Ribon, how to contribute and get a Smart contract overview.
We highly recommend that you join us in Discord #development channel to ask questions quickly and hear about upcoming new issues.
Remove integrator logo and divider (that is between Ribon logo and integrator logo) components from the interface off all screens of the dApp
Check Ribon Docs to learn what is Ribon, how to contribute and get a Smart contract overview.
We highly recommend that you join us in Discord #development channel to ask questions quickly and hear about upcoming new issues.
Adjustments:
Check Ribon Docs to learn what is Ribon, how to contribute and get a Smart contract overview.
We highly recommend that you join us in Discord #development channel to ask questions quickly and hear about upcoming new issues.
Adjustment: Adjust left and right paddings to 16px
Check Ribon Docs to learn what is Ribon, how to contribute and get a Smart contract overview.
We highly recommend that you join us in Discord #development channel to ask questions quickly and hear about upcoming new issues.
Is your feature request related to a problem? Please describe.
Contribution flow transparency (USDC deposit in the treasury) in the protocol
Describe the solution you'd like
Given that the user clicked to connect to the wallet then the loader will appear until it returns success or failure.
Additional context
Figma design handoff file
In Figma design handoff file you will find:
Check Ribon Docs to learn what is Ribon, how to contribute and get a Smart contract overview.
We have USDC bountys for all our issues on Github. If you want to get rewarded for solving this issue just follow these steps:
We highly recommend that you join us in Discord #development channel to ask questions quickly and hear about upcoming new issues.
Is your feature request related to a problem? Please describe.
As a user of Ribon, I want to navigate the impact screen in a less frictionless way (faster loading).
Describe the solution you'd like
Restricted initial load
Given that the display space is restricted and we will have a shorter loading time when the user accesses the impact screen then only up to 4 impact cards will be displayed on mobile and up to 6 impact cards on desktop. These cards will be in order of most recent donations made.
"Show more" button
Given that the user has more than 4 (mobile) and 6 (desktop) different donation cards when accessing the impact screen then a "Show more" button will be displayed at the bottom of the page (loading button just appears if there is more cards to be loaded).
Cards gradual loading
When the user clicks "Show more", then 4 more impact cards on mobile and 6 impact cards on desktop will be displayed. These cards will be displayed in descending order of the donation date.
Additional context
Figma design handoff file
In Figma design handoff file you will find:
Check Ribon Docs to learn what is Ribon, how to contribute and get a Smart contract overview.
We have USDC bountys for all our issues on Github. If you want to get rewarded for solving this issue just follow these steps:
We highly recommend that you join us in Discord #development channel to ask questions quickly and hear about upcoming new issues.
Add tests to the component slider image to increase test coverage and ensure that the component works well
Check Ribon Docs to learn what is Ribon, how to contribute and get a Smart contract overview.
We highly recommend that you join us in Discord #development channel to ask questions quickly and hear about upcoming new issues.
Add tests to the component Header to increase test coverage and ensure that the component works well
Check Ribon Docs to learn what is Ribon, how to contribute and get a Smart contract overview.
We have USDC bountys for all our issues on Github. If you want to get rewarded for solving this issue just follow these steps:
We highly recommend that you join us in Discord #development channel to ask questions quickly and hear about upcoming new issues.
Currently is: #FBFBFD
Change it for: #FFFFFF
Check Ribon Docs to learn what is Ribon, how to contribute and get a Smart contract overview.
We highly recommend that you join us in Discord #development channel to ask questions quickly and hear about upcoming new issues.
Add tests to the component cardFullImage to increase test coverage and ensure that the component works well
Check Ribon Docs to learn what is Ribon, how to contribute and get a Smart contract overview.
We highly recommend that you join us in Discord #development channel to ask questions quickly and hear about upcoming new issues.
Where?
https://dapp.ribon.io/promoters/fund
Adjustment: Adjust the height of the button to 24px.
Check Ribon Docs to learn what is Ribon, how to contribute and get a Smart contract overview.
We highly recommend that you join us in Discord #development channel to ask questions quickly and hear about upcoming new issues.
Adjust the size of the Ribon logo container to be 34px X 34px, leading to the positioning of the header on the left, aligned with the other elements below.
Check Ribon Docs to learn what is Ribon, how to contribute and get a Smart contract overview.
We highly recommend that you join us in Discord #development channel to ask questions quickly and hear about upcoming new issues.
Change it for:
By signing up you agre to Ribon's Privacy Policy.
Link: https://ribon.io/2022/06/10/privacy-and-personal-data-retention-policy/
Ao inserir seu e-mail e se inscrever, você aceita a nossa Política de Privacidade.
Link: https://ribon.io/2021/06/01/politica-de-privacidade-e-retencao-de-dados-pessoais/
Check Ribon Docs to learn what is Ribon, how to contribute and get a Smart contract overview.
We highly recommend that you join us in Discord #development channel to ask questions quickly and hear about upcoming new issues.
Add tests to the component ModalError to increase test coverage and ensure that the component works well
Check Ribon Docs to learn what is Ribon, how to contribute and get a Smart contract overview.
We have USDC bountys for all our issues on Github. If you want to get rewarded for solving this issue just follow these steps:
We highly recommend that you join us in Discord #development channel to ask questions quickly and hear about upcoming new issues.
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.