fix(settings): spellcheck was enabled on certain fields, fix wrong placeholder

This commit is contained in:
Tom (plebeius.eth)
2025-05-15 17:18:17 +02:00
parent e8251ffd04
commit fda24499cb
4 changed files with 30 additions and 6 deletions

View File

@@ -113,6 +113,9 @@ const AddressSettings = () => {
<input
type='text'
placeholder='address.eth/.sol'
autoCorrect='off'
autoCapitalize='off'
spellCheck='false'
value={cryptoState.cryptoAddress}
onChange={(e) => setCryptoState((prevState) => ({ ...prevState, cryptoAddress: e.target.value }))}
/>

View File

@@ -133,7 +133,7 @@ const AvatarSettings = () => {
<span className={styles.settingTitle}>{t('chain_ticker')}</span>
<input
type='text'
placeholder='eth/sol/avax'
placeholder='matic'
autoCorrect='off'
autoComplete='off'
spellCheck='false'

View File

@@ -143,7 +143,7 @@ const PlebbitRPCSettings = ({ plebbitRpcRef }: SettingsProps) => {
return (
<div className={styles.plebbitRPCSettings}>
<div>
<input type='text' defaultValue={plebbitRpcClientsOptions} ref={plebbitRpcRef} />
<input autoCorrect='off' autoCapitalize='off' spellCheck='false' type='text' defaultValue={plebbitRpcClientsOptions} ref={plebbitRpcRef} />
<button onClick={() => setShowInfo(!showInfo)}>{showInfo ? 'X' : '?'}</button>
</div>
{showInfo && (
@@ -173,7 +173,7 @@ const PlebbitDataPathSettings = ({ plebbitDataPathRef }: SettingsProps) => {
return (
<div className={styles.plebbitDataPathSettings}>
<div>
<input type='text' defaultValue={path} disabled={!isConnectedToRpc} ref={plebbitDataPathRef} />
<input autoCorrect='off' autoCapitalize='off' spellCheck='false' type='text' defaultValue={path} disabled={!isConnectedToRpc} ref={plebbitDataPathRef} />
</div>
</div>
);

View File

@@ -105,11 +105,25 @@ const CryptoWalletsForm = ({ account }: { account: Account | undefined }) => {
<div className={`${showWallet[index] ? styles.show : styles.hide}`}>
<div className={styles.walletField}>
<div className={styles.walletFieldTitle}>{t('chain_ticker')}</div>
<input onChange={(e) => setWalletsArrayProperty(index, 'chainTicker', e.target.value)} value={wallet.chainTicker} placeholder='eth/sol/avax' />
<input
autoCorrect='off'
autoCapitalize='off'
spellCheck='false'
onChange={(e) => setWalletsArrayProperty(index, 'chainTicker', e.target.value)}
value={wallet.chainTicker}
placeholder='eth/sol/avax'
/>
</div>
<div className={styles.walletField}>
<div className={styles.walletFieldTitle}>{t('wallet_address')}</div>
<input onChange={(e) => setWalletsArrayProperty(index, 'address', e.target.value)} value={wallet.address} placeholder='0x...' />
<input
autoCorrect='off'
autoCapitalize='off'
spellCheck='false'
onChange={(e) => setWalletsArrayProperty(index, 'address', e.target.value)}
value={wallet.address}
placeholder='0x...'
/>
</div>
<div className={`${styles.walletField} ${styles.copyMessage}`}>
<Trans
@@ -124,7 +138,14 @@ const CryptoWalletsForm = ({ account }: { account: Account | undefined }) => {
</div>
<div className={styles.walletField}>
<div className={styles.walletFieldTitle}>{t('paste_signature')}</div>
<input onChange={(e) => setWalletsArrayProperty(index, 'signature', e.target.value)} value={wallet.signature} placeholder='0x...' />
<input
autoCorrect='off'
autoCapitalize='off'
spellCheck='false'
onChange={(e) => setWalletsArrayProperty(index, 'signature', e.target.value)}
value={wallet.signature}
placeholder='0x...'
/>
<button className={styles.save} onClick={save}>
{t('save')}
</button>