Skip to content
This repository has been archived by the owner on Aug 29, 2023. It is now read-only.

sortxyz/react-components

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

58 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DEPRECATED

⚠️ This package is no longer maintained.


sort.xyz react components

React components created to simplify web3 UI application development.

Note: To use these components you'll need a free Sort API key.

  1. <SQLQuery/>
  2. <LatestTransactions/>
  3. <PushNotifications/>

Installation

npm install @sort/react-components

or load from the unpkg CDN:

<script src="https://unpkg.com/@sort/react-components/lib/index.js"></script>

Components

SQLQuery

Execute a SQL query and display as a table

import { SQLQuery } from "@sort/react-components";

<SQLQuery
  query="select * from polygon.transaction where to_address='0xd1f9c58e33933a993a3891f8acfe05a68e1afc05' order by block_id desc"
  api_key="API_KEY"
  />

sql query

Explore the interactive example.

LatestTransactions

Show your latest transactions in a table

import { LatestTransactions } from "@sort/react-components";

<LatestTransactions
   contract_address="0xd1f9c58e33933a993a3891f8acfe05a68e1afc05"
   chain="polygon"
   api_key="API_KEY"
   theme="dark"
 />

sql query

Explore the interactive example.

PushNotifications

Visualize real-time contract events

import { PushNotifications } from "@sort/react-components";

<PushNotifications
    contract_address="0xd1f9c58e33933a993a3891f8acfe05a68e1afc05"
    contract_function=""
    num={10}
/>

Explore the interactive example

Feedback

🧪 This project is currently in ALPHA which means you can expect bugs and API changes. Feedback? Please let us know by opening an issue.

More information

Find out more about what you can build using Sort today at https://docs.sort.xyz.

Security

If you believe you have found a security vulnerability, we encourage you to responsibly disclose this and not open a public issue. We will investigate all legitimate reports. Email [email protected] to disclose any security vulnerabilities.

Contributing

See CONTRIBUTING