remjx / coindrop Goto Github PK

As the title says here is a feature request to create a Coindrop button that can be integrated into to GitHub's README.md page. Something along these lines for example,
https://help.ko-fi.com/hc/en-us/articles/360021025553-How-to-Add-a-Ko-fi-Button-to-GitHub

Cheers!!!

Use to separate payment methods into their Category (app or digital-asset)

https://www.w3schools.com/tags/tag_optgroup.asp

Payment method name: StreamElements

Payment method website: https://streamelements.com/

Link to icon in .SVG format (if available): https://cdn.streamelements.com/assets/homepage/legendaryMerch/newImages/StreamElements_logo_white.svg

I really the like the "preferred" thing.

But I will prefer different method for users from different parts of world based on transanction fee.

Like for example, from an Indian, i will prefer UPI, but for someone abroad I will prefer crypto.

Is there a way to do that ? I believe that a person's approximate location or country can be found using the public IP of that person.

Payment method name: SubscribeStar

Payment method website: https://www.subscribestar.com/

Link to icon in .SVG format (if available):

Issue to track: chakra-ui/chakra-ui#2853

Once fixed, re-enable here: https://github.com/remjx/coindrop/blob/master/components/PublicPiggybankPage/EditPiggybankModal/PaymentMethodsInput.tsx#L62

initFirebase is called multiple times, once for: db, storage, useUser, auth. Since firebase analytics is being used on all pages, only need to call it once at root level.

Consider using dynamic import to load it because it shouldn't be required for any initial loads

Payment method name: 1UpCoin

Payment method website: https://1upcoin.com
example: https://1upcoin.com/donate/sirenhellvixen

Link to icon in .SVG format (if available):

Payment method name: TreatStream

Payment method website: https://treatstream.com/

Link to icon in .SVG format (if available):

Dynamic routes

Currently, navigating to coindrop.to/some-coindrop-that-doesnt-exist matches the PublicPiggybankPage (Coindrop page) route and because there is no matching Coindrop, "This Coindrop does not exist" is conditionally rendered.

The main thing is we want <Navbar> and <Footer> to render in this case along with the "does not exist" message. This can be accomplished with the withDefaultLayout Higher-Order Component.

Essentially the 404 page for all dynamic routes needs to be handled manually.

Next.js 404 page

For non-dynamic routes, Next.js already renders a 404 page. Create a custom one that uses withDefaultLayout Higher-Order Component.

Reference: https://nextjs.org/docs/advanced-features/custom-error-page

Please correct me if I am wrong.

coindrop is basically a static kind of thing, that displays all payment methods.

Now is there a way to know who paid how much ? I believe that is the work of a payment processor. But can coindrop be integrated with the payment processor ?

Suppose, I lead people to my coindrop page, is there a way to collect their name , email and how much they paid via which method ?

I believe that is possible thru using API's of buymeacoffee or patreon or paypal ?

For addresses like bitcoin or upi it is not possible to verify without using a payment processor.

Any body who has my bitcoin address can see all transanctions for it in blockchain. So all payments I recieve will be visible. That is great for non profit organizations who want transparency. But I am planning to use coindrop page to accept payments for services. It would be great if I could generate 1000 addresses to my btc, and add upload the file to coindrop. Coindrop will display a new address whenever someone has paid to the old address.

This kind of address changing is availaible in any bitcoin wallet.

I dont know whether it is right to request these features. These will make coindrop into a complex thing. But @remjx please share your insights and thoughts about these.

thanks a ton.

Payment method name: UPI (Unified Payment Interface)

Payment method website: http://cashlessindia.gov.in/upi.html

It is a payment protocol run by NPCI ( National Payments Corporation of India ). Many other countries are planning to use a fork of UPI.

This option will allow the user ( the one who wants to recieve money ) to add his/her UPI address. The person who wants to pay can use any app to pay to that address.

0% Transanction fees is the best thing about it.

UPI is just like email address. The person who wants to pay can use the app/service of their choice like Google Pay, Phone Pay, Paytm, WhatsApp pay etc. Every UPI address is connected with a bank account. There can be multiple addresses connected to one account.

Example of an UPI address : something@upi ( The extensions can be different )

Just like cryptocurrencies. There is an address that is connected to wallet. The person who wants to pay can choose any wallet app.

Payment method name: VibePay

Payment method website: https://vibepay.com/

Link to icon in .SVG format (if available):

See vercel/next.js#18599 (comment)

PR work-in-progress #60

To do

Replicate in codesandbox, and if replicable, create issue in Next.js repo\

• Upgrade from firebase 7.19.1 which is currently hardcoded. i believe the issue is that auth does not work on later versions.

Related

conditionally set signInFlow based on browser?

Is your feature request related to a problem? Please describe.
As of right now, it is possible to login only with Google or Facebook. I have neither. It would be wonderful if an account could be created using an email

Describe the solution you'd like
Being able to use an email address to log in

Describe alternatives you've considered
/

Additional context
/

The logo was made for a light background. It's passable in dark mode but could be optimized.

Ideas:

• Remove black border around pig
• Change the "clink sound" dots to white

This is not a payment method, but it would be neat to have it available too! Words are sometimes more valuable than money.

Payment method name: SayThanks

Payment method website: https://saythanks.io/

Link to icon in .SVG format (if available): https://saythanks.io/static/images/owly.svg

Payment method name: Starling

Payment method website: https://www.starlingbank.com/

Link to icon in .SVG format (if available):

Payment method name:
Tikkie

Payment method website:
https://www.tikkie.me/

Link to icon in .SVG format (if available):

https://wirexapp.com/help/article/what-is-a-stellar-memo-0050

The red color of asterisk does not change based on ColorMode, compared to the Button on the same page whose red color gets lighter in Dark Mode.

To Reproduce
Steps to reproduce the behavior:

1. Go to a Coindrop
2. Click on Configure
3. Note color of asterisks in form
4. Change color mode
5. Repeat steps 2-3.

Expected behavior
Red asterisk color matches in Remove Image on the same page

Screenshots

Payment method name: Flattr

Payment method website: https://flattr.com/

Link to icon in .SVG format (if available): https://flattr.com/images/favicons/safari-pinned-tab.svg?v=69BGoRR00r

Payment method name: stripe

Payment method website: https://stripe.com

Link to icon in .SVG format (if available): https://d37ugbyn3rpeym.cloudfront.net/newsroom/brand-assets/Stripe-logo-kit.zip

Describe the bug
I recently generated a coindrop but the QR code is apparently not working

Screenshots

Payment method name: Ğ1 (June in francais, Juna in Spanish)

Payment method website: https://monnaie-libre.fr/ (user manual https://moneda-libre.org/descubrir/utilizar)

Link to icon in .SVG format (if available): https://github.com/duniter/G1/blob/master/logo/G1-flare/svg/Logo-g1.flare.svg

There are many different banks in the world and all of them are difficult to add. With this in mind, it would be great to implement a button "Transfer to bank card" which everyone can configure for their own bank.

Approximate implementation:
Name: Transfer to card "Name of the bank indicated by the user".
Contents: card number + free text line

Link to icon in .SVG format : https://mega.nz/file/OpJiwTYC#P7dTuGsE1t4y9NuWVd-YA0MKWLqgmNQDOdsXqseGguI
(I drew the attached icon myself, but based on the example of the first icon on the Internet)

Payment method name: Liberapay

Payment method website: https://liberapay.com/

Link to icon in .SVG format (if available): https://upload.wikimedia.org/wikipedia/commons/2/27/Liberapay_logo_v2_white-on-yellow.svg

Payment method name: Wise (formerly TransferWise)

Payment method website: https://wise.com/

Link to icon in .SVG format (if available):
https://wise.com/public-resources/assets/logos/wise/brand_logo_inverse.svg

Per @aahnik's request #268 (comment), "the coindrop site should not display a qr code. Instead it should give the option to open the link in any wallet app in their phone like Phone Pay, Google Pay, Paytm, etc."

Payment method name: Stellar Lumens (XLM)

Payment method website: https://www.stellar.org/lumens

Link to icon in .SVG format (if available): https://assets-global.website-files.com/5deac75ecad2173c2ccccbc7/5dec8960504967fd31147f62_Stellar_lockup_black_RGB.svg

https://banano.cc/
https://coinmarketcap.com/currencies/banano/

Describe the bug
small container width on desktop
the issue seems to be somewhere between the _app wrapper and the container width is not being respected

To Reproduce
Steps to reproduce the behavior:

1. rm yarn.lock
2. yarn install
3. yarn dev:local

Expected behavior
large container width on desktop

Screenshots

How to have a page with the ui of coindrop.to/user in my own site mydomain.com/donate ?

Is there a way to write the payment methods in a config file and then general a static html file, that looks like coindrop.to/user that i can add to my own site ?

AssertionError: Timed out retrying: Expected to find content: 'test-coindrop-tid-lr9rzm' but never did.

https://github.com/markjackson02/coindrop/blob/master/cypress/integration/landing-page/landing-page.ts#L41

Failing in CI intermittently but always passes when run locally

Issue

When I add this to a job in the github actions, it has no effect.

if: "!contains(github.event.head_commit.message, 'skip ci')"

Expected result:

Aa commit message with text "skip ci" should not run the job in Github Actions

this is related to #268.

UPI has a different QR code system.

Just generating the QR code of the text address will not work.

I dont know how to generate UPI QR codes. But mobile apps that support UPI, can generate a QR to receive payments.

Users of coindrop can upload that QR code.

The following HTML elements are not implemented:

• nav (in Navbar and Footer)
• footer
• article (for blog posts)

use Chakra's <Component as="element" /> to convert existing or containers to these more appropriate HTML elements.

Payment method name: Streamlabs

Payment method website: https://streamlabs.com/
Example: https://streamlabs.com/sirenhellvixen/tip

Link to icon in .SVG format (if available):

Payment method name: PicPay

Payment method website: https://www.picpay.com/

Payment method name: toss

Payment method website: https://toss.im/en

Link to icon in .SVG format (if available): https://static.toss.im/icons/svg/logo.svg but with a Wordmark, unfortunately.

This is primarily Korean service, fyi. Please note that the user-configurable URL to transfer to them is on https://toss.me, for example toss.me/revinim (also that it can be Korean chars, not just ASCII)

Payment method name:
Lydia

Payment method website:
Documentation app integration

Link to icon in .SVG format:
Notion Media Kit

It would be great to have analytics. But without any creepy js. Many people like me use blockers like ublock origin ( it blocks even google analytics )

I would love server side analytics. Whenever the page is requested, the public IP goes to the server. The server side may determine the visitors location based on IP.

Also would love to know the number of visitors to my coindrop page, and graphs. It would be great to know who clicked on which button.

Payment method name: Garlicoin

Payment method website: https://garlicoin.org/

Link to icon: https://s2.coinmarketcap.com/static/img/coins/64x64/2475.png

Payment method name: Razorpay

Payment method website: https://razorpay.com/

Link to icon in .SVG format (if available):

SDK & API: https://razorpay.com/integrations/

Have a look. Let m know what do you think of it. It's India centric so I'm not sure how interested you'll be in this option!
Cheers!!!

Like the title the possibility to support db than firebase.

Great product btw 👍

Payment method name: Joompay

Payment method website: https://joompay.com/

Link to icon in .SVG format (if available): N/A

More Information:
Joompay is basically an alternative for europeans to cashapp.
You get an paytag which other joompay users can use to send you money or you can also get a paylink which has the following format:
https://pay.joompay.com/(paytag)
Which let's anybody donate to you via google pay and debit/credit card without an account while also offering an QR code for existing Joompay users

UPI QR code doesn't work

in CI, there can be conflicts when multiple PRs are running Cypress Github Actions at the same time because they are using the same Firebase dev environment and the same Coindrop IDs for each test.

One workaround is to use Github action meta data (e.g. commit hash) from actions/checkout-v2 to set an ENV var, and include the ENV var in the test Coindrop ID. Potentially use https://github.com/FranzDiebold/github-env-vars-action or https://github.com/rlespinasse/github-slug-action

Notes

• Use after / afterAll hook to clean up the created coindrops

Payment method name: Nano

Payment method website: None (cryptocurrency), but the website is https://nano.org/

Link to icon in .SVG format (if available): https://content.nano.org/Nano-Brand-Kit/SVG/nano+circle.svg, as found on https://nano.org/resources