handle success payment

jeremielenoir · Mar 18, 2020 · 9b7c4ea · 9b7c4ea
1 parent 434b405
commit 9b7c4ea
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/client/src/app/components/home/stripe-payment/stripe-payment.component.html b/client/src/app/components/home/stripe-payment/stripe-payment.component.html
@@ -20,7 +20,7 @@ <h4>Payer par carte bancaire</h4>
           <div class="form-group">
             <div id="card-element" class="field"></div>
           </div>
-          <button [disabled]="isBuyBtnDisabled()" class="payment-button"
+          <button *ngIf="!stripeSuccess" [disabled]="isBuyBtnDisabled()" class="payment-button"
           type="submit" mat-flat-button color="primary" id="payment"> {{ 'PAYER ' + offerChoice?.price + '€     '}}
             <mat-progress-spinner *ngIf="stripeLoader" style="display: inline-block;"
                 color="primary"
@@ -31,7 +31,9 @@ <h4>Payer par carte bancaire</h4>
         </button>
         </form>
         <div style="margin-top: 10px;" class="alert alert-danger error-stripe" *ngIf="stripeError">{{ stripeError }}</div>
-        <div style="margin-top: 10px;" class="alert alert-success success-stripe" *ngIf="stripeSuccess">{{ stripeSuccess }}</div>
+        <div style="margin-top: 10px;" class="alert alert-success success-stripe" *ngIf="stripeSuccess">{{ stripeSuccess }}
+          <br><br><a routerLink="/dashboard/campaigns"><button mat-flat-button color="basic" >Revenir à roodeo</button></a>
+        </div>
         <div class="loader">
         </div>
       </div>

diff --git a/client/src/app/components/home/stripe-payment/stripe-payment.component.scss b/client/src/app/components/home/stripe-payment/stripe-payment.component.scss
@@ -17,7 +17,7 @@
 
     .left-col {
 
-      border-right: 1px solid rgba(#00000080,0.2);
+      border-right: 1px solid rgba(#00000080,0.1);
 
       .logo {
         width: 200px;

diff --git a/client/src/app/components/home/stripe-payment/stripe-payment.component.ts b/client/src/app/components/home/stripe-payment/stripe-payment.component.ts
@@ -180,7 +180,7 @@ export class StripePaymentComponent implements OnInit {
         this.stripeLoader = false;
         setTimeout(() => {
           this.router.navigate(['/dashboard/campaigns']);
-        }, 1200);
+        }, 5000);
       }
 
     } catch (e) {