diff --git a/ui/summit-2023/src/components/VerifyWallet/VerifyWallet.scss b/ui/summit-2023/src/components/VerifyWallet/VerifyWallet.scss index 75ca65ad0..52daa6b0f 100644 --- a/ui/summit-2023/src/components/VerifyWallet/VerifyWallet.scss +++ b/ui/summit-2023/src/components/VerifyWallet/VerifyWallet.scss @@ -115,4 +115,12 @@ span { font-weight: 600 !important; } +} +.secret-key-input { + width: 100%; +} +.secret-key-input > .MuiInputBase-root { + border-radius: 8px; + border: 1px solid var(--color-light-blue); + background: var(--color-ultra-light-grey); } \ No newline at end of file diff --git a/ui/summit-2023/src/components/VerifyWallet/VerifyWallet.tsx b/ui/summit-2023/src/components/VerifyWallet/VerifyWallet.tsx index 8091c7504..294b45f72 100644 --- a/ui/summit-2023/src/components/VerifyWallet/VerifyWallet.tsx +++ b/ui/summit-2023/src/components/VerifyWallet/VerifyWallet.tsx @@ -6,7 +6,7 @@ import { FormControlLabel, Grid, List, ListItem, - ListItemAvatar, + ListItemAvatar, TextField, Typography } from '@mui/material'; import CallIcon from '@mui/icons-material/Call'; @@ -245,11 +245,44 @@ const VerifyWallet = (props:VerifyWalletProps) => { const renderVerifyDiscord = () => { return <> - To verify your address you need to sign a secret message. You will get the secret from our friendly Discord bot. + To verify your address you need to sign a secret message. You will get the secret from our friendly Discord bot. + + + 1. Join our Discord Server and accept our terms and conditions by reacting with a 🚀 to the message in the verification channel. + + + 2. Copy your Stake Address. + + + 3. Send your Stake Address as a private message to our WalletVerificationBot. + + + 4. Get the secret key from the chat with our WalletVerificationBot. + + }