Skip to content

Commit

Permalink
Change appearance of key backup sheet
Browse files Browse the repository at this point in the history
  • Loading branch information
ebma committed Nov 9, 2020
1 parent bde36e4 commit 8fd69cb
Show file tree
Hide file tree
Showing 2 changed files with 15 additions and 14 deletions.
5 changes: 1 addition & 4 deletions i18n/locales/en/account-settings.json
Original file line number Diff line number Diff line change
Expand Up @@ -83,10 +83,7 @@
"public-key": "Public Key",
"secret-key": "Secret Key",
"paper-backup": "Paper Backup",
"warning": {
"1": "This is a backup of your account.",
"2": "Make sure to keep it in a safe place because anyone who has access to it can access your account."
}
"warning": "This is a backup of your Stellar account. Keep it safe at all times. Do not share it with anyone."
},
"secret-key": "Write down the key on paper and store it in a safe place.",
"tap-to-copy": "Tap to copy"
Expand Down
24 changes: 14 additions & 10 deletions src/AccountSettings/components/ExportKeyDialog.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -95,9 +95,10 @@ function PromptToReveal(props: PromptToRevealProps) {

const useBackupPrintStyles = makeStyles(() => ({
icon: {
color: "black",
width: 80,
height: 80
color: "gray",
height: 140,
width: 140,
paddingBottom: 60
},
keyTypography: {
paddingTop: 16,
Expand Down Expand Up @@ -125,13 +126,16 @@ const useBackupPrintStyles = makeStyles(() => ({
textAlign: "center"
},
qrWrapper: {
padding: 32,
padding: "32px 0px",
display: "flex",
flexDirection: "column"
},
qrCaption: {
fontWeight: "bold",
paddingLeft: 8,
paddingRight: 8,
textTransform: "uppercase",
transform: "rotate(180deg)",
writingMode: "vertical-lr"
}
}))
Expand All @@ -149,7 +153,7 @@ function BackupPrintContainer(props: BackupPrintContainerProps) {
return (
<Box className={classes.printContainer}>
<Typography align="center" className={classes.accountName} variant="h3">
{props.accountName ? `${props.accountName}` : undefined}
{props.accountName ? props.accountName : undefined}
</Typography>
<div className={classes.qrContainer}>
{props.publicKey && (
Expand All @@ -165,8 +169,6 @@ function BackupPrintContainer(props: BackupPrintContainerProps) {
)}
<div style={{ alignSelf: "center" }}>
<SolarIcon className={classes.icon} />
<Typography>Solar Wallet</Typography>
<Typography>{t("account-settings.export-key.info.print.paper-backup")}</Typography>
</div>
<div className={classes.qrWrapper}>
<div style={{ display: "flex", flexDirection: "row", justifyContent: "flex-end" }}>
Expand All @@ -178,9 +180,11 @@ function BackupPrintContainer(props: BackupPrintContainerProps) {
<Typography className={classes.keyTypography}>{props.secretKey}</Typography>
</div>
</div>
<Typography align="center">
{t("account-settings.export-key.info.print.warning.1")} <br />
{t("account-settings.export-key.info.print.warning.2")}
<Typography align="center" color="textSecondary" variant="h6">
{t("account-settings.export-key.info.print.warning")}
</Typography>
<Typography align="center" style={{ color: "#00000066", fontSize: "150%" }} variant="body1">
solarwallet.io
</Typography>
</Box>
)
Expand Down

0 comments on commit 8fd69cb

Please sign in to comment.