ui: restore alert

ui/src/app/modals/app-backup/app-backup.page.html

@@ -27,10 +27,21 @@
   <ion-spinner *ngIf="loading" class="center" name="lines" color="warning"></ion-spinner>
 
   <ng-container *ngIf="!loading">
+    <ion-item *ngIf="app.restoreAlert as restore" class="notifier-item" style="box-shadow: 0 0 5px 1px var(--ion-color-danger); margin-bottom: 40px">
+      <ion-label class="ion-text-wrap">
+        <h2 style="display: flex; align-items: center; margin-bottom: 3px;">
+          <ion-icon style="margin-right: 5px;" slot="start" color="danger" slot="start" name="warning-outline"></ion-icon>
+          <ion-text color="danger" style="font-size: medium; font-weight: bold">Warning</ion-text>
+        </h2>
+        <p style="font-size: small">{{restore}}</p>
+      </ion-label>
+    </ion-item>
+
     <ion-item *ngIf="allPartitionsMounted">
       <ion-text *ngIf="type === 'create'" class="ion-text-wrap" color="warning">No partitions available. To begin a backup, insert a storage device into your Embassy.</ion-text>
       <ion-text *ngIf="type === 'restore'" class="ion-text-wrap" color="warning">No partitions available. Insert the storage device containing the backup you wish to restore.</ion-text>
     </ion-item>
+
     <ion-item-group *ngFor="let d of disks">
       <ion-item-divider>{{ d.logicalname }} ({{ d.size }})</ion-item-divider>
       <ion-item-group>

ui/src/app/models/app-types.ts

@@ -45,6 +45,7 @@ export interface AppInstalledFull extends AppInstalledPreview {
   configuredRequirements: AppDependency[] | null // null if not yet configured
   hasFetchedFull: boolean
   uninstallAlert?: string
+  restoreAlert?: string
 }
 // dependencies
 

ui/src/app/services/api/mock-app-fixures.ts

@@ -56,6 +56,7 @@ export const bitcoinI: AppInstalledFull = {
   configuredRequirements: [],
   hasFetchedFull: true,
   ui: false,
+  restoreAlert: 'if you restore this app horrible things will happen to the people you love.'
 }
 
 export const lightningI: AppInstalledFull = {

ui/use-mocks.json

@@ -1,3 +1,3 @@
 {
-  "useMocks": false
+  "useMocks": true
 }