@@ -25,7 +25,8 @@ class Ticket extends React.Component {
2525
2626 this.state = {
2727 ticket: '',
28− pointName: ''
28+ pointName: '',
29+ isUnlocking: false
2930 }
3031
3132 this.pointPlaceholder = placeholder(4)
@@ -53,6 +54,11 @@ class Ticket extends React.Component {
5354
5455 async walletFromTicket(ticket, pointName) {
5556 const { setWallet, setUrbitWallet } = this.props
57+
58+ this.setState({
59+ isUnlocking: true
60+ });
61+
5662 const urbitWallet = await kg.generateWallet({
5763 ticket: ticket,
5864 ship: ob.patp2dec(pointName)
@@ -61,6 +67,10 @@ class Ticket extends React.Component {
6167 const wallet = walletFromMnemonic(mnemonic, DEFAULT_HD_PATH)
6268 setWallet(wallet)
6369 setUrbitWallet(Maybe.Just(urbitWallet))
70+
71+ this.setState({
72+ isUnlocking: false
73+ });
6474 }
6575
6676 render() {
@@ -99,7 +109,7 @@ class Ticket extends React.Component {
99109
100110 <TicketInput
101111 className='mono mt-8'
102− prop-size='md'
112+ prop-size='lg'
103113 prop-format='innerLabel'
104114 type='text'
105115 name='ticket'
@@ -112,9 +122,16 @@ class Ticket extends React.Component {
112122 <Button
113123 className={'mt-8'}
114124 prop-size={'lg wide'}
125+ disabled={this.state.isUnlocking || !Maybe.Nothing.hasInstance(wallet)}
115126 // prop-color={this.buttonTriState(wallet)}
116127 onClick={() => this.walletFromTicket(ticket, pointName)}>
117− {'Unlock Wallet →'}
128+
129+ <span className="relative">
130+ {this.state.isUnlocking &&
131+ <span className="btn-spinner"></span>
132+ }
133+ {'Unlock Wallet →'}
134+ </span>
118135 </Button>
119136
120137 <Button