git.iko.soy/bridge
on master help sign in
- Add dummy styling for INVITE_TRANSACTIONS
3014bf3Chris Johnson
src/bridge/style/extend.css+20
compare with master
unifiedsplit
@@ -550,3 +550,23 @@ code {
550
550
551 background-color: black;
551 background-color: black;
552}
552}
553+
554+.passport-progress {
555+ position: relative;
556+ height: 4px;
557+ width: 100%;
558+
559+ background-color: #E6E6E6;
560+}
561+
562+.passport-progress-filled {
563+ position: absolute;
564+ height: 4px;
565+ width: 30%;
566+
567+ z-index: 1;
568+ top: 0;
569+ left: 0;
570+
571+ background-color: #2AA779;
572+}
src/bridge/views/InviteLogin.js+15−1
@@ -33,7 +33,7 @@ class InviteLogin extends React.Component {
33 realPoint: Nothing(),
33 realPoint: Nothing(),
34 realWallet: Nothing(),
34 realWallet: Nothing(),
35 walletReady: false,
35 walletReady: false,
36− stage: INVITE_STAGES.INVITE_LOGIN,
36+ stage: INVITE_STAGES.INVITE_TRANSACTIONS,
37 walletStates: []
37 walletStates: []
38 }
38 }
39
39
@@ -178,6 +178,20 @@ class InviteLogin extends React.Component {
178 </div>
178 </div>
179 )
179 )
180 break
180 break
181+ case INVITE_STAGES.INVITE_TRANSACTIONS:
182+ return (
183+ <div>
184+ <h1 className="fs-6 lh-8 mb-3">Submitting</h1>
185+ <div className="passport-progress mb-2">
186+ <div className="passport-progress-filled"></div>
187+ </div>
188+ <div className="flex justify-between">
189+ <div className="text-mono text-sm lh-6 green-dark">Executing transactions</div>
190+ <div className="text-mono text-sm lh-6">3 minutes</div>
191+ </div>
192+ </div>
193+ )
194+ break
181 }
195 }
182 }
196 }
183
197