From ae6f161cd614d6f67f51d4b6dc46b71eedf98fe2 Mon Sep 17 00:00:00 2001
From: fmtabbara <fmtabbara@hotmail.co.uk>
Date: Fri, 21 Jan 2022 15:49:01 +0000
Subject: [PATCH] display client address on wallet creation

---
 .../src/pages/sign-in/create-account.tsx      | 29 +++++--------------
 nym-wallet/src/types/global.ts                |  9 ++++--
 2 files changed, 13 insertions(+), 25 deletions(-)

diff --git a/nym-wallet/src/pages/sign-in/create-account.tsx b/nym-wallet/src/pages/sign-in/create-account.tsx
index ab7fef9e54..d0a6170399 100644
--- a/nym-wallet/src/pages/sign-in/create-account.tsx
+++ b/nym-wallet/src/pages/sign-in/create-account.tsx
@@ -17,9 +17,7 @@ import { TCreateAccount } from '../../types'
 import logo from '../../images/logo-background.svg'
 import { CopyToClipboard } from '../../components'
 
-export const CreateAccountContent: React.FC<{ showSignIn: () => void }> = ({
-  showSignIn,
-}) => {
+export const CreateAccountContent: React.FC<{ showSignIn: () => void }> = ({ showSignIn }) => {
   const [accountDetails, setAccountDetails] = useState<TCreateAccount>()
   const [isLoading, setIsLoading] = useState(false)
   const [error, setError] = useState<Error>()
@@ -29,6 +27,7 @@ export const CreateAccountContent: React.FC<{ showSignIn: () => void }> = ({
     setError(undefined)
     try {
       const res = await createAccount()
+      console.log(res)
       setTimeout(() => {
         setAccountDetails(res)
         setIsLoading(false)
@@ -53,26 +52,12 @@ export const CreateAccountContent: React.FC<{ showSignIn: () => void }> = ({
       <Typography sx={{ color: 'common.white' }} variant="h6">
         Account setup complete!
       </Typography>
-      <Alert
-        severity="info"
-        variant="outlined"
-        sx={{ color: 'info.light' }}
-        data-testid="mnemonic-warning"
-      >
-        <Typography>
-          Please store your mnemonic in a safe place. You'll need it to access
-          your account!
-        </Typography>
+      <Alert severity="info" variant="outlined" sx={{ color: 'info.light' }} data-testid="mnemonic-warning">
+        <Typography>Please store your mnemonic in a safe place. You'll need it to access your account!</Typography>
       </Alert>
-      <Card
-        variant="outlined"
-        sx={{ bgcolor: 'transparent', p: 2, borderColor: 'common.white' }}
-      >
+      <Card variant="outlined" sx={{ bgcolor: 'transparent', p: 2, borderColor: 'common.white' }}>
         <CardHeader sx={{ color: 'common.white' }} title="Mnemonic" />
-        <CardContent
-          sx={{ color: 'common.white' }}
-          data-testid="mnemonic-phrase"
-        >
+        <CardContent sx={{ color: 'common.white' }} data-testid="mnemonic-phrase">
           {accountDetails?.mnemonic}
         </CardContent>
         <CardActions sx={{ justifyContent: 'flex-end' }}>
@@ -82,7 +67,7 @@ export const CreateAccountContent: React.FC<{ showSignIn: () => void }> = ({
       <Box sx={{ textAlign: 'center' }}>
         <Typography sx={{ color: 'common.white' }}>Address:</Typography>
         <Typography sx={{ color: 'common.white' }} data-testid="wallet-address">
-          {accountDetails?.client_address}
+          {accountDetails?.account.client_address}
         </Typography>
       </Box>
       {error && (
diff --git a/nym-wallet/src/types/global.ts b/nym-wallet/src/types/global.ts
index 4d15f8214d..33129ad9ff 100644
--- a/nym-wallet/src/types/global.ts
+++ b/nym-wallet/src/types/global.ts
@@ -1,4 +1,4 @@
-import { Coin, MixNode } from '.'
+import { Coin, Denom, MixNode } from '.'
 
 export enum EnumNodeType {
   mixnode = 'mixnode',
@@ -11,8 +11,11 @@ export type TNodeOwnership = {
 }
 
 export type TClientDetails = {
-  client_address: string
-  contract_address: string
+  account: {
+    client_address: string
+    contract_address: string
+    demon: Denom
+  }
 }
 
 export type TSignInWithMnemonic = {