@@ -61,7 +61,9 @@ export default function CreateNewWalletPage() {
6161 try {
6262 const result = await invoke < any > ( DERIVE_NEXT_KEYPAIR , { seedUuid } ) ;
6363 // Navigate to done page with pubkey in search params
64- router . replace ( `/create-new-wallet/done?pubkey=${ encodeURIComponent ( result . pubkey ) } ` ) ;
64+ router . replace (
65+ `/create-new-wallet/done?pubkey=${ encodeURIComponent ( result . pubkey ) } ` ,
66+ ) ;
6567 } catch ( e : any ) {
6668 setErrorMsg ( e ?. toString ( ) || "Failed to derive keypair." ) ;
6769 } finally {
@@ -88,23 +90,32 @@ export default function CreateNewWalletPage() {
8890 width : "100%" ,
8991 p : 4 ,
9092 boxShadow : 4 ,
91- background : "linear-gradient(135deg, #212529 60 %, #1e88e5 100%)" ,
93+ background : "linear-gradient(135deg, #9932CC 0 %, #AD5AD7 100%)" ,
9294 color : "#fff" ,
9395 } }
9496 >
9597 < Stack direction = "row" alignItems = "center" sx = { { mb : 2 } } >
9698 < Button
9799 startIcon = { < ArrowBackIcon /> }
98100 onClick = { async ( ) => {
99- await selectionFeedback ( )
100- router . back ( )
101+ await selectionFeedback ( ) ;
102+ router . back ( ) ;
103+ } }
104+ sx = { {
105+ minWidth : 0 ,
106+ color : "#9932CC" ,
107+ bgcolor : "#fff" ,
108+ "&:hover" : { bgcolor : "#F5F6FA" } ,
101109 } }
102- sx = { { minWidth : 0 , color : "#1e88e5" , bgcolor : "#fff" , "&:hover" : { bgcolor : "#e3f2fd" } } }
103110 >
104111 Back
105112 </ Button >
106113 < Box sx = { { flex : 1 } } />
107- < Typography variant = "h5" fontWeight = "bold" sx = { { textAlign : "right" , color : "#fff" } } >
114+ < Typography
115+ variant = "h5"
116+ fontWeight = "bold"
117+ sx = { { textAlign : "right" , color : "#fff" } }
118+ >
108119 Create New Wallet
109120 </ Typography >
110121 </ Stack >
@@ -116,7 +127,7 @@ export default function CreateNewWalletPage() {
116127 value = { selectedSeed }
117128 onChange = { async ( e ) => {
118129 await selectionFeedback ( ) ;
119- setSelectedSeed ( e . target . value )
130+ setSelectedSeed ( e . target . value ) ;
120131 } }
121132 >
122133 < List sx = { { bgcolor : "transparent" , color : "#fff" , p : 0 } } >
@@ -125,18 +136,23 @@ export default function CreateNewWalletPage() {
125136 key = { seed . id }
126137 disableGutters
127138 sx = { {
128- bgcolor : selectedSeed === seed . id ? "#1e88e5" : "transparent" ,
139+ bgcolor :
140+ selectedSeed === seed . id ? "#9932CC" : "transparent" ,
129141 borderRadius : 2 ,
130142 mb : 1 ,
131143 px : 1 ,
132144 } }
133145 >
134146 < FormControlLabel
135147 value = { seed . id }
136- control = { < Radio sx = { {
137- color : "#fff" ,
138- "&.Mui-checked" : { color : "#fff" }
139- } } /> }
148+ control = {
149+ < Radio
150+ sx = { {
151+ color : "#fff" ,
152+ "&.Mui-checked" : { color : "#fff" } ,
153+ } }
154+ />
155+ }
140156 label = {
141157 < ListItemText
142158 primary = {
@@ -161,18 +177,23 @@ export default function CreateNewWalletPage() {
161177 key = { CREATE_NEW_ID }
162178 disableGutters
163179 sx = { {
164- bgcolor : selectedSeed === CREATE_NEW_ID ? "#1e88e5" : "transparent" ,
180+ bgcolor :
181+ selectedSeed === CREATE_NEW_ID ? "#9932CC" : "transparent" ,
165182 borderRadius : 2 ,
166183 mb : 1 ,
167184 px : 1 ,
168185 } }
169186 >
170187 < FormControlLabel
171188 value = { CREATE_NEW_ID }
172- control = { < Radio sx = { {
173- color : "#fff" ,
174- "&.Mui-checked" : { color : "#fff" }
175- } } /> }
189+ control = {
190+ < Radio
191+ sx = { {
192+ color : "#fff" ,
193+ "&.Mui-checked" : { color : "#fff" } ,
194+ } }
195+ />
196+ }
176197 label = { < ListItemText primary = "+ Create New Seed Phrase" /> }
177198 sx = { { flex : 1 , m : 0 , color : "#fff" } }
178199 />
@@ -181,9 +202,7 @@ export default function CreateNewWalletPage() {
181202 </ RadioGroup >
182203 </ FormControl >
183204 { errorMsg && (
184- < Typography sx = { { color : "#ff5252" , mb : 2 } } >
185- { errorMsg }
186- </ Typography >
205+ < Typography sx = { { color : "#ff5252" , mb : 2 } } > { errorMsg } </ Typography >
187206 ) }
188207 < Button
189208 variant = "contained"
@@ -192,18 +211,18 @@ export default function CreateNewWalletPage() {
192211 sx = { {
193212 mt : 2 ,
194213 bgcolor : "#fff" ,
195- color : "#1e88e5 " ,
214+ color : "#9932CC " ,
196215 fontWeight : "bold" ,
197216 borderRadius : 2 ,
198217 boxShadow : 2 ,
199- "&:hover" : { bgcolor : "#e3f2fd " } ,
218+ "&:hover" : { bgcolor : "#F5F6FA " } ,
200219 } }
201220 onClick = { async ( ) => {
202221 await selectionFeedback ( ) ;
203222 if ( selectedSeed === CREATE_NEW_ID ) {
204223 router . push ( "/onboarding/create-wallet" ) ;
205224 } else {
206- const seed = existingSeeds . find ( s => s . id === selectedSeed ) ;
225+ const seed = existingSeeds . find ( ( s ) => s . id === selectedSeed ) ;
207226 if ( seed ) {
208227 await deriveNextKeypair ( seed . id ) ;
209228 }
0 commit comments