on master help sign in
- Add dummy styling for INVITE_TRANSACTIONS
commit3014bf364ab83a8691dd7ae02807f8b0465aed5b authorChris Johnson <chris@cjohnson.io> dateMon 22 Apr 2019, 05:02 (8 years ago) parent1ec514b
2 files changed+35−1
src/bridge/style/extend.css+20 src/bridge/views/InviteLogin.js+15−1
src/bridge/style/extend.css+20
@@ -550,3 +550,23 @@ code {
550550
551551 background-color: black;
552552}
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 {
3333 realPoint: Nothing(),
3434 realWallet: Nothing(),
3535 walletReady: false,
36− stage: INVITE_STAGES.INVITE_LOGIN,
36+ stage: INVITE_STAGES.INVITE_TRANSACTIONS,
3737 walletStates: []
3838 }
3939
@@ -178,6 +178,20 @@ class InviteLogin extends React.Component {
178178 </div>
179179 )
180180 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
181195 }
182196 }
183197