Options
All
  • Public
  • Public/Protected
  • All
Menu

solarea.io docs

Index

Functions

Render

  • Render(props: { context: string; id: string; name: string }): ReactNode
  • Solarea render component

    const Component = () => {
      return (
          <div>
              <Render id="logo" name="new"/>
          </div>
      )
    }
    add(Component);
    
    
    params

    props

    Parameters

    • props: { context: string; id: string; name: string }
      • context: string
      • id: string
      • name: string

    Returns ReactNode

    ReactNode

add

  • add react component to view

    const Component = ({value}) => {
     return (
       <h1>
         {JSON.stringify(value)}
       </h1>
     )
    }
    
    add(Component, {needAccount: true});
    
    typeparam

    Parameters

    Returns void

require

  • require(url: string): Promise<any>
  • Import .js or .css

    Parameters

    • url: string
      await require('https://cdnjs.cloudflare.com/ajax/libs/antd/4.14.0/antd.compact.min.css');
      
      const { Card } = await require('https://cdnjs.cloudflare.com/ajax/libs/antd/4.14.0/antd.min.js');
      
      add(()=>{
          return (
              <Card title="Hello, world!">
                  <p>Antd example</p>
              </Card>
          )
      })
      

    Returns Promise<any>

    if require js return module, if css return void

useBitQuery

  • use https://bitquery.io/ graphql

    Parameters

    • code: string

      GraphQl query

      const Component = () => {
       const [result, isLoading] = useBitQuery(query);
      
       if(isLoading) return 'Loading . . .'
      
       return (
           <div>
           {JSON.stringify(result)}
         </div>
       )
      }
      add(Component);
      
      var query = `
      query {
       ethereum(network: bsc){
        dexTrades(
           baseCurrency: {is: "0x0e09fabb73bd3ade0a17ecc321fd13a19e81ce82"}
           quoteCurrency: {is: "0x55d398326f99059ff775485246999027b3197955"}
           options: {desc: ["block.height","transaction.index"] limit:1}1
        ) {
           block{
             height
             timestamp{
               time (format: "%Y-%m-%d %H:%M:%S")
             }
           }
           transaction {
             index
           }
           baseCurrency{
             symbol
           }
           quoteCurrency {
             symbol
           }
           quotePrice
         }
       }
      }`
      

    Returns [IBitQueryResponse, boolean]

Generated using TypeDoc