waku-org
/
js-waku
mirror of https://github.com/waku-org/js-waku.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Deconstruct properties for more concise code

This commit is contained in:
Franck Royer 2021-06-29 12:10:24 +10:00
parent 53182e834d
commit 5de030d3ca
No known key found for this signature in database
GPG Key ID: A82ED75A8DFC50A4
3 changed files with 6 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
examples/eth-dm/src/SendMessage.tsx
View File

@ -28,13 +28,11 @@ export interface Props {
recipients: Map<string, string>; recipients: Map<string, string>;
} }
export function SendMessage(props: Props) { export function SendMessage({ waku, recipients }: Props) {
const classes = useStyles(); const classes = useStyles();
const [recipient, setRecipient] = useState<string>(''); const [recipient, setRecipient] = useState<string>('');
const [message, setMessage] = useState<string>(); const [message, setMessage] = useState<string>();
const waku = props.waku;
const handleRecipientChange = ( const handleRecipientChange = (
event: ChangeEvent<{ name?: string; value: unknown }> event: ChangeEvent<{ name?: string; value: unknown }>
) => { ) => {
@ -45,7 +43,7 @@ export function SendMessage(props: Props) {
setMessage(event.target.value); setMessage(event.target.value);
}; };
const items = Array.from(props.recipients.keys()).map((recipient) => { const items = Array.from(recipients.keys()).map((recipient) => {
return ( return (
<MenuItem key={recipient} value={recipient}> <MenuItem key={recipient} value={recipient}>
{recipient} {recipient}
@ -63,7 +61,7 @@ export function SendMessage(props: Props) {
if (!waku) return; if (!waku) return;
if (!recipient) return; if (!recipient) return;
if (!message) return; if (!message) return;
const publicKey = props.recipients.get(recipient); const publicKey = recipients.get(recipient);
if (!publicKey) return; if (!publicKey) return;
sendMessage(waku, recipient, publicKey, message, (res) => { sendMessage(waku, recipient, publicKey, message, (res) => {

6
examples/eth-dm/src/key_pair_handling/LoadKeyPair.tsx
View File

@ -8,11 +8,9 @@ export interface Props {
disabled: boolean; disabled: boolean;
} }
export function LoadKeyPair(props: Props) { export function LoadKeyPair({ disabled, setEthDmKeyPair }: Props) {
const [password, setPassword] = useState<string>(); const [password, setPassword] = useState<string>();
const disabled = props.disabled;
const handlePasswordChange = (event: ChangeEvent<HTMLInputElement>) => { const handlePasswordChange = (event: ChangeEvent<HTMLInputElement>) => {
setPassword(event.target.value); setPassword(event.target.value);
}; };
@ -23,7 +21,7 @@ export function LoadKeyPair(props: Props) {
loadKeyPairFromStorage(password).then((keyPair: KeyPair | undefined) => { loadKeyPairFromStorage(password).then((keyPair: KeyPair | undefined) => {
if (!keyPair) return; if (!keyPair) return;
console.log('EthDm KeyPair loaded from storage'); console.log('EthDm KeyPair loaded from storage');
props.setEthDmKeyPair(keyPair); setEthDmKeyPair(keyPair);
}); });
}; };

4
examples/eth-dm/src/key_pair_handling/SaveKeyPair.tsx
View File

@ -7,11 +7,9 @@ export interface Props {
ethDmKeyPair: KeyPair | undefined; ethDmKeyPair: KeyPair | undefined;
} }
export function SaveKeyPair(props: Props) { export function SaveKeyPair({ ethDmKeyPair }: Props) {
const [password, setPassword] = useState<string>(); const [password, setPassword] = useState<string>();
const ethDmKeyPair = props.ethDmKeyPair;
const handlePasswordChange = (event: ChangeEvent<HTMLInputElement>) => { const handlePasswordChange = (event: ChangeEvent<HTMLInputElement>) => {
setPassword(event.target.value); setPassword(event.target.value);
}; };