Security News
Cloudflare Adds Security.txt Setup Wizard
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
@rimble/connection-banner
Advanced tools
Web3 React component built with Rimble UI that will display an informative banner when the user is not in a web3 capable browser, or when the current browser does not have a wallet available, or when the current ethereum network does not match the require
On mobile:
React component built with Rimble UI that displays a banner providing information about a user's Ethereum network connection. The banner will give informative and helpful information to resolve the issue with device-specific language. The banner informs the user of the following scenarios:
Install the package in your project directory with:
// with npm
npm install @rimble/connection-banner
// with yarn
yarn add @rimble/connection-banner
import ConnectionBanner from '@rimble/connection-banner';
<ConnectionBanner
currentNetwork={3}
requiredNetwork={1}
onWeb3Fallback={true}
/>;
<ConnectionBanner
currentNetwork={network.current.id}
requiredNetwork={this.config.requiredNetwork}
onWeb3Fallback={web3Fallback}
{{
notWeb3CapableBrowserMessage: (
<div>
<p>Not a web3 capable browser</p>
</div>
),
noNetworkAvailableMessage: (
<div>
<p>No Ethereum network available</p>
</div>
),
onWrongNetworkMessage: (
<div>
<p>On wrong Ethereum network</p>
</div>
),
}}
</ConnectionBanner>
Name | Type | Default | Description |
---|---|---|---|
currentNetwork | integer | none | The network ID that the user is connected to, if available |
requiredNetwork | integer | none | The network ID that the dApp requires to function |
onWeb3Fallback | boolean | false | Set to true when you connect to a smart contract via a provider like infura |
notWeb3CapableBrowserMessage | node | see default messages | Markup that will be rendered when the notWeb3CapableBrowser condition is met |
noNetworkAvailableMessage | node | see default messages | Markup that will be rendered when the noNetworkAvailable condition is met |
onWrongNetworkMessage | node | see default messages | Markup that will be rendered when the onWrongNetwork condition is met |
Your browser doesn't support our blockchain features
Switch to either Brave, FireFox, Opera, or Chrome to continue
Your browser doesn't support our blockchain features
Try a mobile wallet browser like Status, Coinbase wallet or Cipher
Install the MetaMask browser extension to use our blockchain features in your current browser
installMetaMaskButton
Switch to the
requiredNetworkName
Ethereum network in MetaMaskChange your network in your MetaMask extension. You're currently on
currentNetworkName
Switch to the
requiredNetworkName
Ethereum network in SettingsChange your network in your MetaMask extension. You're currently on
currentNetworkName
Open an issue for any bugs or feature requests
We are open source and welcome your contributions !
MIT © ConsenSys
FAQs
Web3 React component built with Rimble UI that will display an informative banner when the user is not in a web3 capable browser, or when the current browser does not have a wallet available, or when the current ethereum network does not match the require
The npm package @rimble/connection-banner receives a total of 3 weekly downloads. As such, @rimble/connection-banner popularity was classified as not popular.
We found that @rimble/connection-banner demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
Security News
The Socket Research team breaks down a malicious npm package targeting the legitimate DOMPurify library. It uses obfuscated code to hide that it is exfiltrating browser and crypto wallet data.
Security News
ENISA’s 2024 report highlights the EU’s top cybersecurity threats, including rising DDoS attacks, ransomware, supply chain vulnerabilities, and weaponized AI.