Markdium-用 Substrate Front-end Template 輕鬆打造你的 React 應用

Markdium-javascript.js

import { useSubstrate } from './substrate-lib';
import { TxButton } from './substrate-lib/components';

//...

function main (props) {
  //...
  return (
    <Grid.Column>
      <h1>Template Module</h1>
      <Card>
        <Card.Content textAlign='center'>
          <Statistic
            label='Current Value'
            value={currentValue}
          />
        </Card.Content>
      </Card>
      <Form>
        <Form.Field>
          <Input
            type='number'
            id='new_value'
            state='newValue'
            label='New Value'
            onChange={(_, { value }) => setFormValue(value)}
          />
        </Form.Field>
        <Form.Field>
          <TxButton
            accountPair={accountPair}
            label='Store Something'
            setStatus={setStatus}
            type='TRANSACTION'
            attrs={{
              params: [formValue],
              tx: api.tx.templateModule.doSomething
            }}
          />
        </Form.Field>
        <div style={{ overflowWrap: 'break-word' }}>{status}</div>
      </Form>
    </Grid.Column>
  )
}