[go: nahoru, domu]
Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Update Web3 Onboard React Demo #1

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Update Web3 Onboard React Demo #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Update Web3 Onboard React Demo 
Update image and language to reflect the change from onboard to Web3 Onboard and the new react interface.
  • Loading branch information
@laurencedelisle
laurencedelisle committed Sep 26, 2023
commit 9110e3624c5adf9f47e8262f55146f12c96f422e
14 changes: 6 additions & 8 deletions onboard-react-demo/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
# React Demo

This code has been copied from the [official onboard demo](https://github.com/blocknative/react-demo) \
(with the slight modifications to have Taho module until the PR is accepted)
This code has been copied from the [official onboard demo](https://github.com/blocknative/react-demo).

Just a heads up: this demo requires ssl on localhost.

Expand All @@ -11,13 +10,12 @@ just type `thisisunsafe` after clicking on an empty space in the window
---

A repository to demonstrate a basic integration of
[Onboard](https://github.com/blocknative/onboard)
and [Notify](https://github.com/blocknative/onboard) into a React project.
For detailed documentation, head to [docs.blocknative.com](https://docs.blocknative.com)
[Web3 Onboard](https://github.com/blocknative/web3-onboard) into a React project.
For detailed documentation, head to [onboard.blocknative.com](hhttps://onboard.blocknative.com/docs/overview/introduction)


<div align="center">
<img style="border-radius: 8px" width="75%" src="assets/react-demo.png">
<img style="border-radius: 8px" width="75%" src="assets/web3-onboard-react.png">
</div>

View live demo [here](https://reactdemo.blocknative.com/)!
Expand Down Expand Up @@ -51,8 +49,8 @@ yarn start
The project will be running on [localhost:3000](http://localhost:3000)

### SSL
Some wallets require that the website within which it runs be using a https
Some wallets require that the website within which it runs by using an https
connection. If you are testing one of these wallets, Ledger is one, then you have
two options:
1. Setup a valid certificate for localhost using [this guide](https://www.freecodecamp.org/news/how-to-set-up-https-locally-with-create-react-app/).
2. Allow invalid certificates for resources loaded from localhost by navigating here within a chrome based browser: [chrome://flags/#allow-insecure-localhost](chrome://flags/#allow-insecure-localhost)
2. Allow invalid certificates for resources loaded from localhost by navigating here within a chrome based browser: [chrome://flags/#allow-insecure-localhost](chrome://flags/#allow-insecure-localhost)
Binary file removed onboard-react-demo/assets/react-demo.png
View file
Open in desktop
Binary file not shown.
Binary file added onboard-react-demo/assets/web3-onboard-react.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.