persist input data for muxed account

stellar · Mar 27, 2024 · b6b2b8a · b6b2b8a
1 parent adf59ad
commit b6b2b8a
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 5 deletions.
diff --git a/.nvmrc b/.nvmrc
@@ -1 +1 @@
-v18.19.0
+v18
diff --git a/src/app/(sidebar)/account/muxed-create/page.tsx b/src/app/(sidebar)/account/muxed-create/page.tsx
@@ -17,9 +17,12 @@ import "../styles.scss";
 export default function CreateMuxedAccount() {
   const { account } = useStore();
 
-  const [baseAddress, setBaseAddress] = useState<string>("");
-  const [muxedId, setMuxedId] = useState<string>("");
-
+  const [baseAddress, setBaseAddress] = useState<string>(
+    account.generatedMuxedAccountInput.baseAddress || "",
+  );
+  const [muxedId, setMuxedId] = useState<string>(
+    account.generatedMuxedAccountInput.id || "",
+  );
   const [baseFieldErrorMessage, setBaseFieldErrorMessage] =
     useState<string>("");
   const [muxedFieldError, setMuxedFieldError] = useState<string>("");
@@ -43,6 +46,11 @@ export default function CreateMuxedAccount() {
         muxedAddress,
       });
 
+      account.updateGeneratedMuxedAccountInput({
+        id: muxedId,
+        baseAddress,
+      });
+
       setSdkError("");
       return;
     }

diff --git a/src/app/(sidebar)/account/muxed-parse/page.tsx b/src/app/(sidebar)/account/muxed-parse/page.tsx
@@ -18,7 +18,9 @@ export default function ParseMuxedAccount() {
   const { account } = useStore();
   const parsedMuxedAccount = account.parsedMuxedAccount;
 
-  const [muxedAddress, setMuxedAddress] = useState<string>("");
+  const [muxedAddress, setMuxedAddress] = useState<string>(
+    account.parsedMuxedAccountInput || "",
+  );
 
   const [muxedFieldError, setMuxedFieldError] = useState<string>("");
   const [sdkError, setSdkError] = useState<string>("");
@@ -39,6 +41,7 @@ export default function ParseMuxedAccount() {
         baseAddress,
         muxedAddress,
       });
+      account.updateParsedMuxedAccountInput(muxedAddress);
 
       setSdkError("");
       return;

diff --git a/src/store/createStore.ts b/src/store/createStore.ts
@@ -15,11 +15,17 @@ export interface Store {
   // Account
   account: {
     publicKey: string;
+    generatedMuxedAccountInput: Partial<MuxedAccount>;
     generatedMuxedAccount: MuxedAccount;
+    parsedMuxedAccountInput: string | undefined;
     parsedMuxedAccount: MuxedAccount;
     // eslint-disable-next-line no-unused-vars
     updatePublicKey: (value: string) => void;
     // eslint-disable-next-line no-unused-vars
+    updateGeneratedMuxedAccountInput: (value: Partial<MuxedAccount>) => void;
+    // eslint-disable-next-line no-unused-vars
+    updateParsedMuxedAccountInput: (value: string) => void;
+    // eslint-disable-next-line no-unused-vars
     updateGeneratedMuxedAccount: (value: MuxedAccount) => void;
     // eslint-disable-next-line no-unused-vars
     updateParsedMuxedAccount: (value: MuxedAccount) => void;
@@ -78,16 +84,32 @@ export const createStore = (options: CreateStoreOptions) =>
         // Account
         account: {
           publicKey: "",
+          generatedMuxedAccountInput: {
+            id: undefined,
+            baseAddress: undefined,
+          },
           generatedMuxedAccount: {
             id: undefined,
             baseAddress: undefined,
             muxedAddress: undefined,
           },
+          parsedMuxedAccountInput: undefined,
           parsedMuxedAccount: {
             id: undefined,
             baseAddress: undefined,
             muxedAddress: undefined,
           },
+          updateGeneratedMuxedAccountInput: (value: Partial<MuxedAccount>) =>
+            set((state) => {
+              state.account.generatedMuxedAccountInput = {
+                ...state.account.generatedMuxedAccountInput,
+                ...value,
+              };
+            }),
+          updateParsedMuxedAccountInput: (value: string) =>
+            set((state) => {
+              state.account.parsedMuxedAccountInput = value;
+            }),
           updateGeneratedMuxedAccount: (newMuxedAccount: MuxedAccount) =>
             set((state) => {
               state.account.generatedMuxedAccount = {