From fda24499cbd38da97a4905dfbca831d021b1db32 Mon Sep 17 00:00:00 2001
From: "Tom (plebeius.eth)" <tom@plebbit.com>
Date: Thu, 15 May 2025 17:18:17 +0200
Subject: [PATCH] fix(settings): spellcheck was enabled on certain fields, fix
 wrong placeholder

---
 .../address-settings/address-settings.tsx     |  3 +++
 .../avatar-settings/avatar-settings.tsx       |  2 +-
 .../plebbit-options/plebbit-options.tsx       |  4 +--
 .../wallet-settings/wallet-settings.tsx       | 27 ++++++++++++++++---
 4 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/src/views/settings/address-settings/address-settings.tsx b/src/views/settings/address-settings/address-settings.tsx
index 98dd90f7..6a23cca3 100644
--- a/src/views/settings/address-settings/address-settings.tsx
+++ b/src/views/settings/address-settings/address-settings.tsx
@@ -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 }))}
           />
diff --git a/src/views/settings/avatar-settings/avatar-settings.tsx b/src/views/settings/avatar-settings/avatar-settings.tsx
index 845572ee..a030286f 100644
--- a/src/views/settings/avatar-settings/avatar-settings.tsx
+++ b/src/views/settings/avatar-settings/avatar-settings.tsx
@@ -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'
diff --git a/src/views/settings/plebbit-options/plebbit-options.tsx b/src/views/settings/plebbit-options/plebbit-options.tsx
index bb277cf4..ebfc2aa8 100644
--- a/src/views/settings/plebbit-options/plebbit-options.tsx
+++ b/src/views/settings/plebbit-options/plebbit-options.tsx
@@ -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>
   );
diff --git a/src/views/settings/wallet-settings/wallet-settings.tsx b/src/views/settings/wallet-settings/wallet-settings.tsx
index dd819328..e6a72ee0 100644
--- a/src/views/settings/wallet-settings/wallet-settings.tsx
+++ b/src/views/settings/wallet-settings/wallet-settings.tsx
@@ -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>