feat(node-app): Create warning screen for encrypted wallets

main/api/manager.ts

@@ -6,7 +6,8 @@ import { userSettingsStore } from "../stores/userSettingsStore";
 export type InitialState =
   | "onboarding"
   | "snapshot-download-prompt"
-  | "start-node";
+  | "start-node"
+  | "encryption-not-supported";
 
 export class Manager {
   private _ironfish: Ironfish | null = null;
@@ -45,6 +46,11 @@ export class Manager {
 
     const rpcClient = await ironfish.rpcClient();
 
+    const walletStatus = await rpcClient.wallet.getAccountsStatus();
+    if (walletStatus.content.encrypted) {
+      return "encryption-not-supported";
+    }
+
     const accountsResponse = await rpcClient.wallet.getAccounts();
 
     if (accountsResponse.content.accounts.length === 0) {

package.json

@@ -22,7 +22,7 @@
   },
   "license": "MPL-2.0",
   "dependencies": {
-    "@ironfish/sdk": "2.5.0",
+    "@ironfish/sdk": "^2.7.0",
     "@ledgerhq/hw-transport-node-hid": "^6.29.1",
     "electron-serve": "^1.1.0",
     "keccak": "^3.0.4"

renderer/intl/locales/en-US.json

@@ -814,6 +814,12 @@
   "s3kz6s": {
     "message": "A network error occured, please try again"
   },
+  "sXlL42": {
+    "message": "Encrypted Wallets Unsupported"
+  },
+  "tBX0Dj": {
+    "message": "Your Iron Fish wallet is encrypted. Encrypted wallets are not yet supported in the node app. Please decrypt your wallet using the CLI to use the node app."
+  },
   "tOdNiY": {
     "message": "Dark"
   },

renderer/pages/encryption-not-supported/index.tsx

@@ -0,0 +1,40 @@
+import { Box, Heading, LightMode, Text, VStack } from "@chakra-ui/react";
+import { defineMessages, useIntl } from "react-intl";
+
+import { COLORS } from "@/ui/colors";
+
+const messages = defineMessages({
+  encryptionNotSupported: {
+    defaultMessage: "Encrypted Wallets Unsupported",
+  },
+  decryptWalletToUse: {
+    defaultMessage:
+      "Your Iron Fish wallet is encrypted. Encrypted wallets are not yet supported in the node app. Please decrypt your wallet using the CLI to use the node app.",
+  },
+});
+
+export default function EncryptionNotSupportedPage() {
+  const { formatMessage } = useIntl();
+
+  return (
+    <LightMode>
+      <VStack m={12}>
+        <Heading fontSize={28} lineHeight="160%" flexGrow={1}>
+          {formatMessage(messages.encryptionNotSupported)}
+        </Heading>
+        <Box width={640} m={8}>
+          <Text
+            fontSize="larger"
+            lineHeight="160%"
+            color={COLORS.WHITE}
+            _dark={{
+              color: COLORS.WHITE,
+            }}
+          >
+            {formatMessage(messages.decryptWalletToUse)}
+          </Text>
+        </Box>
+      </VStack>
+    </LightMode>
+  );
+}

renderer/pages/home.tsx

@@ -37,6 +37,13 @@ export default function Home() {
     }
   }, [initialStateData, router]);
 
+  // Encryption is not supported in the node app yet
+  useEffect(() => {
+    if (initialStateData === "encryption-not-supported") {
+      router.replace("/encryption-not-supported");
+    }
+  }, [initialStateData, router]);
+
   // If user is behind on syncing, go to snapshot download
   useEffect(() => {
     if (initialStateData === "snapshot-download-prompt") {