src/app/modules/wire/creator/creator.component.spec.ts

@@ -43,12 +43,14 @@ import { TooltipComponent } from '../../../common/components/tooltip/tooltip.com
 import { AddressExcerptPipe } from '../../../common/pipes/address-excerpt';
 import { TokenPipe } from '../../../common/pipes/token.pipe';
 import { Session } from '../../../services/session';
+import { Storage } from '../../../services/storage';
 import { sessionMock } from '../../../../tests/session-mock.spec';
 import { web3WalletServiceMock } from '../../../../tests/web3-wallet-service-mock.spec';
 import { IfFeatureDirective } from '../../../common/directives/if-feature.directive';
 import { FeaturesService } from '../../../services/features.service';
 import { featuresServiceMock } from '../../../../tests/features-service-mock.spec';
 import { MockComponent } from '../../../utils/mock';
+import { storageMock } from '../../../../tests/storage-mock.spec';
 
 /* tslint:disable */
 @Component({
@@ -216,6 +218,7 @@ describe('WireCreatorComponent', () => {
       imports: [FormsModule, RouterTestingModule],
       providers: [
         { provide: Session, useValue: sessionMock },
+        { provide: Storage, useValue: storageMock },
         { provide: Client, useValue: clientMock },
         { provide: WireContractService, useValue: wireContractServiceMock },
         { provide: WireService, useValue: wireServiceMock },
@@ -512,7 +515,7 @@ describe('WireCreatorComponent', () => {
     comp.setPayloadType('offchain');
     fixture.detectChanges();
 
-    expect(comp.wire.recurring).toBe(true);
+    expect(comp.wire.recurring).toBe(false);
     const checkbox: DebugElement = getRecurringCheckbox();
 
     checkbox.nativeElement.click();
@@ -521,7 +524,7 @@ describe('WireCreatorComponent', () => {
     fixture.detectChanges();
 
     expect(checkbox).not.toBeNull();
-    expect(comp.wire.recurring).toBe(false);
+    expect(comp.wire.recurring).toBe(true);
   });
 
   it('should show creator tiers', () => {

src/app/modules/wire/creator/creator.component.ts

@@ -12,6 +12,7 @@ import { CurrencyPipe } from '@angular/common';
 import { OverlayModalService } from '../../../services/ux/overlay-modal';
 import { Client } from '../../../services/api';
 import { Session } from '../../../services/session';
+import { Storage } from '../../../services/storage';
 import { WireService } from '../wire.service';
 import { Web3WalletService } from '../../blockchain/web3-wallet.service';
 import { GetMetamaskComponent } from '../../blockchain/metamask/getmetamask.component';
@@ -142,7 +143,8 @@ export class WireCreatorComponent {
     private currency: CurrencyPipe,
     private web3Wallet: Web3WalletService,
     private tokenContract: TokenContractService,
-    private router: Router
+    private router: Router,
+    public storage: Storage
   ) {}
 
   ngOnInit() {
@@ -246,8 +248,9 @@ export class WireCreatorComponent {
 
   setDefaults() {
     this.wire.amount = 1;
-    this.wire.recurring = true;
-    let payloadType = localStorage.getItem('preferred-payment-method');
+    this.wire.recurring =
+      this.storage.get('preferred-recurring-wire-state') === '1';
+    let payloadType = this.storage.get('preferred-payment-method');
     if (['onchain', 'offchain'].indexOf(payloadType) === -1) {
       payloadType = 'offchain';
     }
@@ -415,6 +418,10 @@ export class WireCreatorComponent {
    */
   toggleRecurring() {
     this.wire.recurring = !this.wire.recurring;
+    this.storage.set(
+      'preferred-recurring-wire-state',
+      this.wire.recurring ? '1' : '0'
+    );
     this.showErrors();
   }