Add epic pacman loading to newsletter

package.json

@@ -10,7 +10,7 @@
     "email": "[email protected]",
     "url": "https://www.defichain-income.com"
   },
-  "version": "8.12.7",
+  "version": "8.12.8",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

src/app/pages/newsletter/newsletter.component.ts

@@ -3,6 +3,7 @@ import { Pool } from '@interfaces/Dex';
 import { Newsletter } from '@interfaces/Data';
 import { INCOME_STATISTICS, UPDATE_NEWSLETTER } from '@interfaces/Graphql'
 import { Apollo } from 'apollo-angular'
+import { NgxSpinnerService } from 'ngx-spinner'
 
 @Component({
   selector: 'app-newsletter-page',
@@ -22,7 +23,7 @@ export class NewsletterComponent implements OnInit, OnChanges {
   email: string;
   address: string;
 
-  constructor(private apollo: Apollo) { }
+  constructor(private apollo: Apollo, private spinner: NgxSpinnerService) { }
 
   ngOnInit(): void {
     this.email = this.newsletter?.email;
@@ -35,6 +36,7 @@ export class NewsletterComponent implements OnInit, OnChanges {
   }
 
   save(): void {
+    this.spinner.show();
     this.apollo.mutate({
       mutation: UPDATE_NEWSLETTER,
       variables : {
@@ -47,14 +49,17 @@ export class NewsletterComponent implements OnInit, OnChanges {
         this.newsletter = result?.data?.updateUserNewsletter.newsletter;
         this.email = this.newsletter?.email;
         this.address = this.newsletter?.payingAddress;
+        this.spinner.hide();
         this.successBackend = 'Newsletter updated';
         setInterval(() => {
           this.successBackend = null;
         }, 5000);
       } else {
+        this.spinner.hide();
         console.log('No Date for updateUserNewsletter');
       }
     }, (error) => {
+      this.spinner.hide();
       console.log(error);
       this.errorBackend = error.message;
       setInterval(() => {

src/environments/environment.prod.ts

@@ -12,7 +12,7 @@ export const environment = {
   address_vaults: 'https://ocean.defichain.com/v0/mainnet/address/ADDRESS_VAULTS/vaults',
   mamon_account: 'https://sync.defichain-masternode-monitor.com/v1/KEY/masternodes',
   mamon_account_node: 'https://api.defichain-masternode-monitor.com/v1/masternodes/info/',
-  version: '8.12.7',
+  version: '8.12.8',
   bittrex: 'https://api.bittrex.com/v3/currencies/DFI',
   kucoin: 'https://api.kucoin.com/api/v1/currencies/DFI',
   graphql: 'https://graphql.defichain-income.com/graphql',

src/environments/environment.ts

@@ -16,7 +16,7 @@ export const environment = {
   address_vaults: 'https://ocean.defichain.com/v0/mainnet/address/ADDRESS_VAULTS/vaults',
   mamon_account: 'https://sync.defichain-masternode-monitor.com/v1/KEY/masternodes',
   mamon_account_node: 'https://api.defichain-masternode-monitor.com/v1/masternodes/info/',
-  version: '8.12.7',
+  version: '8.12.8',
   graphql: 'https://graphql.defichain-income.com/graphql',
   // Matomo
   // No tracking for local -> wrong id

src/interface/Changelog.ts

@@ -11,6 +11,11 @@ export class Changelog {
 
     this.logs = new Array<Log>();
 
+    this.log = new Log();
+    this.log.version = '8.12.8 - 3.2.2022';
+    this.log.comment = 'Add epic pacman loading to newsletter';
+    this.logs.push(this.log);
+
     this.log = new Log();
     this.log.version = '8.12.7 - 3.2.2022';
     this.log.comment = 'Add DUSD history, add better wording source address newsletter ';