diff --git a/src/components/settings-modal/account-settings/account-settings.module.css b/src/components/settings-modal/account-settings/account-settings.module.css index e69de29b..8db6b80b 100644 --- a/src/components/settings-modal/account-settings/account-settings.module.css +++ b/src/components/settings-modal/account-settings/account-settings.module.css @@ -0,0 +1,43 @@ +.setting { + margin-left: 10px; +} + +.setting textarea { + display: block; + font-family: dejavu sans mono, consolas, andale mono, lucida console, monospace; + outline: none; + border: 1px solid #aaa; + font-size: 11px; + margin: 0 2px 0 0; + padding: 2px 4px 3px; + min-height: 150px; + width: 95%; +} + +.setting textarea:focus { + border-color: 1px solid #98e; +} + +.setting button { + cursor: pointer; +} + +.saveResetAccount { + margin-top: 15px; +} + +.setting textarea { + margin-bottom: 5px; +} + +.setting div { + margin-top: 5px; +} + +.deleteAccount, .deleteAccount button { + color: red; +} + +.setting .createAccount { + margin-left: 5px; +} \ No newline at end of file diff --git a/src/components/settings-modal/account-settings/account-settings.tsx b/src/components/settings-modal/account-settings/account-settings.tsx index 40337d86..b1c0baee 100644 --- a/src/components/settings-modal/account-settings/account-settings.tsx +++ b/src/components/settings-modal/account-settings/account-settings.tsx @@ -153,7 +153,7 @@ const AccountSettings = () => { )); return ( -
+
setWalletsArrayProperty(index, 'chainTicker', e.target.value)} value={wallet.chainTicker} placeholder='eth/sol/avax' /> +
+
+
{t('wallet_address')}
+ setWalletsArrayProperty(index, 'address', e.target.value)} value={wallet.address} placeholder='0x...' /> +
+
+ copyMessageToSign(wallet, index)} />, + // eslint-disable-next-line + 2: , + }} + /> +
+
+
{t('paste_signature')}
+ setWalletsArrayProperty(index, 'signature', e.target.value)} value={wallet.signature} placeholder='0x...' /> + +
+
+
+ + )); + + return ( + <> +
+ setWalletsArray([...walletsArray, defaultWalletObject])} /> }} /> +
+ {walletsInputs} + + ); +}; + +const CryptoWalletsSetting = () => { + const account = useAccount(); + return account && ; +}; + +export default CryptoWalletsSetting; diff --git a/src/components/settings-modal/crypto-wallets-setting/index.ts b/src/components/settings-modal/crypto-wallets-setting/index.ts new file mode 100644 index 00000000..2cf4a006 --- /dev/null +++ b/src/components/settings-modal/crypto-wallets-setting/index.ts @@ -0,0 +1 @@ +export { default } from './crypto-wallets-setting'; diff --git a/src/components/settings-modal/settings-modal.module.css b/src/components/settings-modal/settings-modal.module.css index 6810d6c0..803cdad8 100644 --- a/src/components/settings-modal/settings-modal.module.css +++ b/src/components/settings-modal/settings-modal.module.css @@ -8,6 +8,10 @@ z-index: 900; } +.settingsModal label, .settingsModal button, .settingsModal select { + cursor: pointer; +} + .settingsModal { top: 25px; width: 394px; @@ -28,7 +32,7 @@ border-left: var(--settings-modal-border-left); } -.settingsModal select, .settingsModal button, .settingsModal textarea { +.settingsModal select, .settingsModal button, .settingsModal textarea, .settingsModal input[type='text'] { filter: var(--filter80); } @@ -69,7 +73,6 @@ height: 18px; display: block; background-size: 100%; - cursor: pointer; position: absolute; top: 5px; image-rendering: pixelated; @@ -88,7 +91,6 @@ .hideButton, .showButton { vertical-align: text-bottom; margin-right: 5px; - cursor: pointer; width: 18px; height: 18px; background-repeat: no-repeat; @@ -110,7 +112,6 @@ } .category label { - cursor: pointer; font-weight: 700; } @@ -122,50 +123,6 @@ margin-left: 5px; } -.accountSettings { - margin-left: 10px; -} - -.accountSettings textarea { - display: block; - font-family: dejavu sans mono, consolas, andale mono, lucida console, monospace; - outline: none; - border: 1px solid #aaa; - font-size: 11px; - margin: 0 2px 0 0; - padding: 2px 4px 3px; - min-height: 150px; - width: 95%; -} - -.accountSettings textarea:focus { - border-color: 1px solid #98e; -} - -.accountSettings button { - cursor: pointer; -} - -.saveResetAccount { - margin-top: 15px; -} - -.accountSettings textarea { - margin-bottom: 5px; -} - -.accountSettings div { - margin-top: 5px; -} - -.deleteAccount, .deleteAccount button { - color: red; -} - -.accountSettings .createAccount { - margin-left: 5px; -} - @media (max-width: 640px) { .settingsModal { width: 350px !important; diff --git a/src/components/settings-modal/settings-modal.tsx b/src/components/settings-modal/settings-modal.tsx index 03c21627..49402003 100644 --- a/src/components/settings-modal/settings-modal.tsx +++ b/src/components/settings-modal/settings-modal.tsx @@ -6,6 +6,7 @@ import useTheme from '../../hooks/use-theme'; import packageJson from '../../../package.json'; import AccountSettings from './account-settings'; import CryptoAddressSetting from './crypto-address-setting'; +import CryptoWalletsSetting from './crypto-wallets-setting'; const commitRef = process.env.REACT_APP_COMMIT_REF; const isElectron = window.isElectron === true; @@ -104,14 +105,6 @@ const InterfaceLanguage = () => { ); }; -const CryptoWalletSettings = () => { - return ( - <> -
- - ); -}; - const PlebbitOptionsSettings = () => { return ( <> @@ -180,7 +173,7 @@ const SettingsModal = () => { Crypto Wallets - {showCryptoWalletSettings && } + {showCryptoWalletSettings && }