@@ -5,7 +5,7 @@ import * as ob from 'urbit-ob'
6import { Button, } from '../components/Base'
6import { Button, } from '../components/Base'
7import { Row, Col, H1, P, Anchor } from '../components/Base'
7import { Row, Col, H1, P, Anchor } from '../components/Base'
8−import { InnerLabel, GalaxyInput, AddressInput, ValidatedSigil, ShowBlockie, Form } from '../components/Base'
8+import { InnerLabel, GalaxyInput, AddressInput, ValidatedSigil, ShowBlockie } from '../components/Base'
9import StatelessTransaction from '../components/StatelessTransaction'
9import StatelessTransaction from '../components/StatelessTransaction'
11import { BRIDGE_ERROR } from '../lib/error'
11import { BRIDGE_ERROR } from '../lib/error'
@@ -192,93 +192,90 @@ class CreateGalaxy extends React.Component {
197− <GalaxyInput
195+ <GalaxyInput
198− className='mono'
196+ className='mono'
199− prop-size='lg'
197+ prop-size='lg'
200− prop-format='innerLabel'
198+ prop-format='innerLabel'
201− autoFocus
199+ autoFocus
202− placeholder='e.g. ~zod'
200+ placeholder='e.g. ~zod'
203− value={state.galaxyName}
201+ value={state.galaxyName}
204− onChange={v => this.handleGalaxyNameInput(v)}>
202+ onChange={v => this.handleGalaxyNameInput(v)}>
205− <InnerLabel>{ 'Galaxy Name' }</InnerLabel>
203+ <InnerLabel>{ 'Galaxy Name' }</InnerLabel>
206− <ValidatedSigil
204+ <ValidatedSigil
207− className='tr-0 mt-05 mr-0 abs'
205+ className='tr-0 mt-05 mr-0 abs'
208− patp={state.galaxyName}
206+ patp={state.galaxyName}
209− size={76}
207+ size={76}
210− margin={8} />
208+ margin={8} />
211− </GalaxyInput>
209+ </GalaxyInput>
213− <AddressInput
211+ <AddressInput
214− className='mono mt-8'
212+ className='mono mt-8'
215− prop-size='lg'
213+ prop-size='lg'
216− prop-format='innerLabel'
214+ prop-format='innerLabel'
217− value={ state.galaxyOwner }
215+ value={ state.galaxyOwner }
218− onChange={ v => this.handleAddressInput(v) }>
216+ onChange={ v => this.handleAddressInput(v) }>
219− <InnerLabel>
217+ <InnerLabel>
220− { 'Address that will own this galaxy' }
218+ { 'Address that will own this galaxy' }
221− </InnerLabel>
219+ </InnerLabel>
222− <ShowBlockie
220+ <ShowBlockie
224− address={state.galaxyOwner} />
228 className={'mt-1'}
221 className={'mt-1'}
222+ address={state.galaxyOwner} />
229− prop-size={'sm'}
227+ prop-size={'sm'}
230− prop-disabled={!validAddress}
228+ prop-disabled={!validAddress}
231− target={'_blank'}
229+ target={'_blank'}
232− href={`https://etherscan.io/address/${state.galaxyOwner}`}>
230+ href={`https://etherscan.io/address/${state.galaxyOwner}`}>
233− {'View on Etherscan ↗'}
231+ {'View on Etherscan ↗'}
234− </Anchor>
232+ </Anchor>
237− prop-size='lg wide'
235+ prop-size='lg wide'
238− className='mt-8'
236+ className='mt-8'
239− prop-color={buttonTriState(state.isAvailable)}
237+ prop-color={buttonTriState(state.isAvailable)}
240− disabled={!validGalaxy}
238+ disabled={!validGalaxy}
241− onClick={() => this.confirmAvailability()}>
239+ onClick={() => this.confirmAvailability()}>
242− {buttonTriStateText(state.isAvailable)}
240+ {buttonTriStateText(state.isAvailable)}
243− </Button>
241+ </Button>
245− <StatelessTransaction
243+ <StatelessTransaction
246− address={state.galaxyOwner}
244+ address={state.galaxyOwner}
247− shipName={state.galaxyName}
245+ shipName={state.galaxyName}
248− isAvailable={state.isAvailable}
246+ isAvailable={state.isAvailable}
249− web3={props.web3}
247+ web3={props.web3}
250− contracts={props.contracts}
248+ contracts={props.contracts}
251− wallet={props.wallet}
249+ wallet={props.wallet}
252− walletType={props.walletType}
250+ walletType={props.walletType}
253− walletHdPath={props.walletHdPath}
251+ walletHdPath={props.walletHdPath}
255− txApproval={state.txApproval}
253+ txApproval={state.txApproval}
256− txn={state.txn}
254+ txn={state.txn}
257− stx={state.stx}
255+ stx={state.stx}
258− nonce={state.nonce}
256+ nonce={state.nonce}
259− gasPrice={state.gasPrice}
257+ gasPrice={state.gasPrice}
260− chainId={state.chainId}
258+ chainId={state.chainId}
261− gasLimit={state.gasLimit}
259+ gasLimit={state.gasLimit}
262− canGenerate={
260+ canGenerate={
263− validAddress === true &&
261+ validAddress === true &&
264− validGalaxy === true &&
262+ validGalaxy === true &&
265− state.isAvailable === true
263+ state.isAvailable === true
267− canSign={!Maybe.Nothing.hasInstance(state.txn)}
265+ canSign={!Maybe.Nothing.hasInstance(state.txn)}
268− canSend={!Maybe.Nothing.hasInstance(state.stx)}
266+ canSend={!Maybe.Nothing.hasInstance(state.stx)}
269− // Methods
267+ // Methods
270− createUnsignedTxn={() => this.createUnsignedTxn()}
268+ createUnsignedTxn={() => this.createUnsignedTxn()}
271− clearTransaction={() => this.clearTransaction()}
269+ clearTransaction={() => this.clearTransaction()}
272− setApproval={() => this.setState({txApproval: !state.txApproval})}
270+ setApproval={() => this.setState({txApproval: !state.txApproval})}
273− setTxn={txn => this.setState({txn})}
271+ setTxn={txn => this.setState({txn})}
274− setStx={stx => this.setState({stx})}
272+ setStx={stx => this.setState({stx})}
275− setNonce={nonce => this.setState({nonce})}
273+ setNonce={nonce => this.setState({nonce})}
276− setChainId={chainId => this.setState({chainId})}
274+ setChainId={chainId => this.setState({chainId})}
277− setGasPrice={gasPrice => this.setState({gasPrice})}
275+ setGasPrice={gasPrice => this.setState({gasPrice})}
278− setGasLimit={gasLimit => this.setState({gasLimit})}
276+ setGasLimit={gasLimit => this.setState({gasLimit})}
279− handleSubmit={this.handleSubmit} />
277+ handleSubmit={this.handleSubmit} />