[DDW-854] Init

Author: thedanheller

source/renderer/app/components/loading/syncing-connecting/SyncingConnectingStatus.js

@@ -12,11 +12,23 @@ const messages = defineMessages({
     defaultMessage: '!!!Starting Cardano node',
     description: 'Message "Starting Cardano node" on the loading screen.',
   },
+  startingDescription: {
+    id: 'loading.screen.startingCardanoDescription',
+    defaultMessage:
+      '!!!This process validates the integrity of local blockchain data and could take several minutes.',
+    description: 'Message "Starting Cardano node" on the loading screen.',
+  },
   stopping: {
     id: 'loading.screen.stoppingCardanoMessage',
     defaultMessage: '!!!Stopping Cardano node',
     description: 'Message "Stopping Cardano node" on the loading screen.',
   },
+  stoppingDescription: {
+    id: 'loading.screen.stoppingCardanoDescription',
+    defaultMessage:
+      '!!!This process closes the databases and could take several minutes. To preserve data integrity, please allow it to complete.',
+    description: 'Message "Stopping Cardano node" on the loading screen.',
+  },
   stopped: {
     id: 'loading.screen.stoppedCardanoMessage',
     defaultMessage: '!!!Cardano node stopped',
@@ -101,14 +113,17 @@ export default class SyncingConnectingStatus extends Component<Props> {
     } = this.props;
     if (isConnected) return messages.loadingWalletData;
     let connectingMessage;
+    let connectingDescription;
     switch (cardanoNodeState) {
       case null:
       case CardanoNodeStates.STARTING:
         connectingMessage = messages.starting;
+        connectingDescription = messages.startingDescription;
         break;
       case CardanoNodeStates.STOPPING:
       case CardanoNodeStates.EXITING:
         connectingMessage = messages.stopping;
+        connectingDescription = messages.stoppingDescription;
         break;
       case CardanoNodeStates.STOPPED:
         connectingMessage = messages.stopped;
@@ -141,7 +156,7 @@ export default class SyncingConnectingStatus extends Component<Props> {
     if (isVerifyingBlockchain && isConnectingMessage) {
       return messages.verifyingBlockchain;
     }
-    return connectingMessage;
+    return { connectingMessage, connectingDescription };
   };
 
   render() {
@@ -170,13 +185,21 @@ export default class SyncingConnectingStatus extends Component<Props> {
       showEllipsis ? styles.withoutAnimation : null,
     ]);
 
+    const {
+      connectingMessage,
+      connectingDescription,
+    } = this._getConnectingMessage();
+
     return (
       <div className={componentStyles}>
         <h1 className={headlineStyles}>
-          {intl.formatMessage(this._getConnectingMessage(), {
+          {intl.formatMessage(connectingMessage, {
             verificationProgress,
           })}
         </h1>
+        <div className={styles.description}>
+          {connectingDescription && intl.formatMessage(connectingDescription)}
+        </div>
       </div>
     );
   }

source/renderer/app/components/loading/syncing-connecting/SyncingConnectingStatus.scss

@@ -15,6 +15,13 @@
 .headline {
   font-family: var(--font-regular);
   font-size: 18px;
+  margin-bottom: 20px;
+}
+
+.description {
+  font-family: var(--font-regular);
+  font-size: 16px;
+  line-height: 1.38;
 }
 
 .connecting {

source/renderer/app/i18n/locales/en-US.json

@@ -215,8 +215,10 @@
   "loading.screen.reportIssue.downloadLogsLinkLabel": "Download logs",
   "loading.screen.reportIssue.reportIssueButtonUrl": "https://iohk.zendesk.com/hc/en-us/requests/new/",
   "loading.screen.startingCardanoMessage": "Starting Cardano node",
+  "loading.screen.startingCardanoDescription": "This process validates the integrity of local blockchain data and could take several minutes.",
   "loading.screen.stoppedCardanoMessage": "Cardano node stopped",
   "loading.screen.stoppingCardanoMessage": "Stopping Cardano node",
+  "loading.screen.stoppingCardanoDescription": "This process closes the databases and could take several minutes. To preserve data integrity, please allow it to complete.",
   "loading.screen.unrecoverableCardanoMessage": "Unable to start Cardano node. Please submit a support request.",
   "loading.screen.updatedCardanoMessage": "Cardano node updated",
   "loading.screen.updatingCardanoMessage": "Updating Cardano node",
@@ -1248,4 +1250,4 @@
   "wallet.transferFunds.dialog2.total.label": "Total",
   "widgets.itemsDropdown.syncingLabel": "Syncing",
   "widgets.itemsDropdown.syncingLabelProgress": "Syncing {syncingProgress}%"
-}
+}