quick cleanup

setup-wizard/src/app/app.component.ts

@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 import { NavController, ToastController } from '@ionic/angular';
 import { ApiService } from './services/api/api.service';
-import { StateService } from './services/state.sevice';
+import { StateService } from './services/state.service';
 
 @Component({
   selector: 'app-root',

setup-wizard/src/app/pages/home/home.page.html

@@ -1,11 +1,11 @@
-<ion-header [translucent]="true">
+<ion-header>
   <ion-toolbar>
     <ion-title>
       Setup Wizard
     </ion-title>
   </ion-toolbar>
 </ion-header>
-<ion-content [fullscreen]="true">
+<ion-content>
   <div *ngIf="!stateService.selectedDataDrive">
     <h2 color="light">Select Data Drive</h2>
     <ion-card 

setup-wizard/src/app/pages/home/home.page.scss

@@ -1,31 +1,3 @@
-#container {
-  text-align: center;
-
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-#container strong {
-  font-size: 20px;
-  line-height: 26px;
-}
-
-#container p {
-  font-size: 16px;
-  line-height: 22px;
-
-  color: #8c8c8c;
-
-  margin: 0;
-}
-
-#container a {
-  text-decoration: none;
-}
-
 .selected {
   border: 1px solid white;
 }

setup-wizard/src/app/pages/home/home.page.ts

@@ -1,10 +1,10 @@
 import { Component } from '@angular/core'
-import { AlertController, NavController } from '@ionic/angular'
+import { AlertController } from '@ionic/angular'
 import { ApiService } from 'src/app/services/api/api.service'
-import { StateService } from 'src/app/services/state.sevice'
+import { StateService } from 'src/app/services/state.service'
 
 @Component({
-  selector: 'app-home',
+  selector: 'home',
   templateUrl: 'home.page.html',
   styleUrls: ['home.page.scss'],
 })
@@ -15,8 +15,7 @@ export class HomePage {
   constructor(
     private readonly apiService: ApiService,
     private readonly stateService: StateService,
-    public alertController: AlertController,
+    private readonly alertController: AlertController,
-    private readonly navCtrl: NavController,
   ) {}
 
   async ngOnInit() {

setup-wizard/src/app/pages/password/password.page.html

@@ -1,11 +1,11 @@
-<ion-header [translucent]="true">
+<ion-header>
   <ion-toolbar>
     <ion-title>
       Setup Wizard
     </ion-title>
   </ion-toolbar>
 </ion-header>
-<ion-content [fullscreen]="true" color="light">
+<ion-content>
   <div *ngIf="stateService.recoveryDrive">
     <h2>Enter Password</h2>
     <ion-input type="password" [(ngModel)]="password">Password:</ion-input>

setup-wizard/src/app/pages/password/password.page.scss

@@ -1,31 +0,0 @@
-#container {
-  text-align: center;
-
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-#container strong {
-  font-size: 20px;
-  line-height: 26px;
-}
-
-#container p {
-  font-size: 16px;
-  line-height: 22px;
-
-  color: #8c8c8c;
-
-  margin: 0;
-}
-
-#container a {
-  text-decoration: none;
-}
-
-.selected {
-  border: 1px solid white;
-}

setup-wizard/src/app/pages/password/password.page.ts

@@ -1,10 +1,9 @@
 import { Component } from '@angular/core'
-import { AlertController, NavController } from '@ionic/angular'
 import { ApiService } from 'src/app/services/api/api.service'
-import { StateService } from 'src/app/services/state.sevice'
+import { StateService } from 'src/app/services/state.service'
 
 @Component({
-  selector: 'password-page',
+  selector: 'password',
   templateUrl: 'password.page.html',
   styleUrls: ['password.page.scss'],
 })
@@ -16,7 +15,6 @@ export class PasswordPage {
   constructor(
     private readonly apiService: ApiService,
     private readonly stateService: StateService,
-    public alertController: AlertController,
   ) {}
 
   async submitPassword () {

setup-wizard/src/app/pages/recover/recover.page.html

@@ -1,11 +1,11 @@
-<ion-header [translucent]="true">
+<ion-header>
   <ion-toolbar>
     <ion-title>
       Setup Wizard
     </ion-title>
   </ion-toolbar>
 </ion-header>
-<ion-content [fullscreen]="true">
+<ion-content>
   <div *ngIf="!stateService.recoveryDrive">
     <h2 color="light">Select Data Drive</h2>
     <ion-card 

setup-wizard/src/app/pages/recover/recover.page.scss

@@ -1,31 +1,3 @@
-#container {
-  text-align: center;
-
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-#container strong {
-  font-size: 20px;
-  line-height: 26px;
-}
-
-#container p {
-  font-size: 16px;
-  line-height: 22px;
-
-  color: #8c8c8c;
-
-  margin: 0;
-}
-
-#container a {
-  text-decoration: none;
-}
-
 .selected {
   border: 1px solid white;
 }

setup-wizard/src/app/pages/recover/recover.page.ts

@@ -1,10 +1,10 @@
 import { Component } from '@angular/core'
-import { AlertController, NavController } from '@ionic/angular'
+import { AlertController } from '@ionic/angular'
 import { ApiService } from 'src/app/services/api/api.service'
-import { StateService } from 'src/app/services/state.sevice'
+import { StateService } from 'src/app/services/state.service'
 
 @Component({
-  selector: 'recover-page',
+  selector: 'recover',
   templateUrl: 'recover.page.html',
   styleUrls: ['recover.page.scss'],
 })

setup-wizard/src/app/services/api/mock-api.service.ts

@@ -1,5 +1,5 @@
 import { Injectable } from "@angular/core";
-import { pauseFor } from "../state.sevice";
+import { pauseFor } from "../state.service";
 import { ApiService } from "./api.service"
 
 @Injectable({
@@ -14,7 +14,7 @@ export class MockApiService extends ApiService {
   async getState () {
     await pauseFor(2000)
     return {
-      'selected-data-drive': 'name1',
+      'selected-data-drive': null,
       'recovery-drive': null,
       'has-password': false,
       'data-transfer-progress': null