fix(gui): simplify wallet seedphrase dialog open button

This commit is contained in:
Binarybaron 2025-10-05 23:02:58 +02:00
parent 65a46a4205
commit 706aaf1fe7
2 changed files with 65 additions and 73 deletions

View file

@ -19,35 +19,25 @@ export default function SeedPhraseButton({
onMenuClose, onMenuClose,
onSeedPhraseSuccess, onSeedPhraseSuccess,
}: SeedPhraseButtonProps) { }: SeedPhraseButtonProps) {
const handleSeedPhraseSuccess = (
response: [GetMoneroSeedResponse, GetRestoreHeightResponse],
) => {
onSeedPhraseSuccess(response);
onMenuClose();
};
return ( return (
<MenuItem component="div"> <PromiseInvokeButton
<PromiseInvokeButton onInvoke={getMoneroSeedAndRestoreHeight}
onInvoke={getMoneroSeedAndRestoreHeight} onSuccess={onSeedPhraseSuccess}
onSuccess={handleSeedPhraseSuccess} displayErrorSnackbar={true}
displayErrorSnackbar={true} contextRequirement={isContextWithMoneroWallet}
variant="text" component={MenuItem}
contextRequirement={isContextWithMoneroWallet} disableRipple={false}
sx={{ sx={{
justifyContent: "flex-start", textTransform: "none",
textTransform: "none", width: "100%",
padding: 0, borderRadius: "0px",
minHeight: "auto", }}
width: "100%", color="inherit"
color: "text.primary", >
}} <ListItemIcon>
> <KeyIcon />
<ListItemIcon> </ListItemIcon>
<KeyIcon /> <Typography>Seedphrase</Typography>
</ListItemIcon> </PromiseInvokeButton>
<Typography>Seedphrase</Typography>
</PromiseInvokeButton>
</MenuItem>
); );
} }

View file

@ -72,51 +72,53 @@ export default function WalletActionButtons({
open={sendDialogOpen} open={sendDialogOpen}
onClose={() => setSendDialogOpen(false)} onClose={() => setSendDialogOpen(false)}
/> />
<Box <Box sx={{ display: "flex", justifyContent: "space-between" }}>
sx={{ <Box
display: "flex", sx={{
flexWrap: "wrap", display: "flex",
gap: 1, flexWrap: "wrap",
mb: 2, gap: 1,
alignItems: "center", alignItems: "center",
}} }}
> >
<Chip <Chip
icon={<SendIcon />} icon={<SendIcon />}
label="Send" label="Send"
variant="button" variant="button"
clickable clickable
onClick={() => setSendDialogOpen(true)} onClick={() => setSendDialogOpen(true)}
/>
<Chip
onClick={() => navigate("/swap")}
icon={<SwapIcon />}
label="Swap"
variant="button"
clickable
/>
<DfxButton />
<IconButton onClick={handleMenuClick}>
<MoreHorizIcon />
</IconButton>
<Menu anchorEl={menuAnchorEl} open={menuOpen} onClose={handleMenuClose}>
<MenuItem
onClick={() => {
setRestoreHeightDialogOpen(true);
handleMenuClose();
}}
>
<ListItemIcon>
<RestoreIcon />
</ListItemIcon>
<Typography>Restore Height</Typography>
</MenuItem>
<SeedPhraseButton
onMenuClose={handleMenuClose}
onSeedPhraseSuccess={setSeedPhrase}
/> />
</Menu> <Chip
onClick={() => navigate("/swap")}
icon={<SwapIcon />}
label="Swap"
variant="button"
clickable
/>
<DfxButton />
</Box>
<Box>
<IconButton onClick={handleMenuClick}>
<MoreHorizIcon />
</IconButton>
<Menu anchorEl={menuAnchorEl} open={menuOpen} onClose={handleMenuClose}>
<MenuItem
onClick={() => {
setRestoreHeightDialogOpen(true);
handleMenuClose();
}}
>
<ListItemIcon>
<RestoreIcon />
</ListItemIcon>
<Typography>Restore Height</Typography>
</MenuItem>
<SeedPhraseButton
onMenuClose={handleMenuClose}
onSeedPhraseSuccess={setSeedPhrase}
/>
</Menu>
</Box>
</Box> </Box>
</> </>
); );