neptune/ghost-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove IdentityInfo override (#2152)

Browse Source
This commit is contained in:
Jaco Greeff 2020-01-19 21:03:11 +01:00 committed by GitHub
parent 07414815e6
commit 5ac86818ca
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 0 additions and 195 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

193
packages/react-params/src/Param/IdentityInfo.tsx
View File

@ -1,193 +0,0 @@
// Copyright 2017-2020 @polkadot/react-components authors & contributors
// This software may be modified and distributed under the terms
// of the Apache-2.0 license. See the LICENSE file for details.
import { Props } from '../types';
import React, { useEffect, useState } from 'react';
import styled from 'styled-components';
import { Input, Toggle } from '@polkadot/react-components';
import { isHex } from '@polkadot/util';
import Bare from './Bare';
import Struct from './Struct';
import { useTranslation } from '../translate';
interface WrapProps {
children: React.ReactNode;
onChange: (isChecked: boolean) => void;
value: boolean;
}
function WrapToggle ({ children, onChange, value }: WrapProps): React.ReactElement<WrapProps> {
const { t } = useTranslation();
return (
<div className='toggle-Wrap'>
{children}
<Toggle
className='toggle-Toggle'
label={
value
? t('include value')
: t('exclude value')
}
onChange={onChange}
value={value}
/>
</div>
);
}
function IdentityInfo (props: Props): React.ReactElement<Props> {
const { className, isDisabled, onChange, style } = props;
const { t } = useTranslation();
const [hasDisplay, setHasDisplay] = useState(true);
const [hasEmail, setHasEmail] = useState(false);
const [hasImg, setHasImg] = useState(false);
const [hasLegal, setHasLegal] = useState(false);
const [hasPgp, setHasPgp] = useState(false);
const [hasRiot, setHasRiot] = useState(false);
const [hasWeb, setHasWeb] = useState(false);
const [valDisplay, setValDisplay] = useState('');
const [valEmail, setValEmail] = useState('');
const [{ errImg, valImg }, setValImg] = useState<{ errImg: boolean; valImg: string }>({ errImg: true, valImg: '' });
const [valLegal, setValLegal] = useState('');
const [{ errPgp, valPgp }, setValPgp] = useState<{ errPgp: boolean; valPgp: string }>({ errPgp: true, valPgp: '' });
const [valRiot, setValRiot] = useState('');
const [valWeb, setValWeb] = useState('');
useEffect((): void => {
onChange && onChange({
value: {
display: { [hasDisplay ? 'raw' : 'none']: hasDisplay ? valDisplay : null },
email: { [hasEmail ? 'raw' : 'none']: hasEmail ? valEmail : null },
image: { [hasImg ? 'sha256' : 'none']: hasImg ? valImg : null },
legal: { [hasLegal ? 'raw' : 'none']: hasLegal ? valLegal : null },
riot: { [hasRiot ? 'raw' : 'none']: hasRiot ? valRiot : null },
web: { [hasWeb ? 'raw' : 'none']: hasWeb ? valWeb : null },
pgpFingerprint: hasPgp ? valPgp : null
},
isValid: !((hasImg && errImg) || (hasPgp && errPgp))
});
}, [errImg, errPgp, hasDisplay, hasEmail, hasImg, hasLegal, hasPgp, hasRiot, hasWeb, valDisplay, valEmail, valImg, valLegal, valPgp, valRiot, valWeb]);
if (isDisabled) {
return (
<Struct {...props} />
);
}
const _onChangeImg = (valImg: string): void => setValImg({ valImg, errImg: !isHex(valImg, 256) });
const _onChangePgp = (valPgp: string): void => setValPgp({ valPgp, errPgp: !isHex(valPgp, 160) });
return (
<Bare
className={className}
style={style}
>
<WrapToggle
onChange={setHasDisplay}
value={hasDisplay}
>
<Input
isDisabled={!hasDisplay}
label={t('display name')}
onChange={setValDisplay}
maxLength={32}
value={hasDisplay ? valDisplay : '<none>'}
/>
</WrapToggle>
<WrapToggle
onChange={setHasLegal}
value={hasLegal}
>
<Input
isDisabled={!hasLegal}
label={t('legal name')}
onChange={setValLegal}
maxLength={32}
value={hasLegal ? valLegal : '<none>'}
/>
</WrapToggle>
<WrapToggle
onChange={setHasEmail}
value={hasEmail}
>
<Input
isDisabled={!hasEmail}
label={t('email')}
onChange={setValEmail}
maxLength={32}
value={hasEmail ? valEmail : '<none>'}
/>
</WrapToggle>
<WrapToggle
onChange={setHasWeb}
value={hasWeb}
>
<Input
isDisabled={!hasWeb}
label={t('web')}
onChange={setValWeb}
maxLength={32}
value={hasWeb ? valWeb : '<none>'}
/>
</WrapToggle>
<WrapToggle
onChange={setHasRiot}
value={hasRiot}
>
<Input
isDisabled={!hasRiot}
label={t('riot name')}
onChange={setValRiot}
maxLength={32}
value={hasRiot ? valRiot : '<none>'}
/>
</WrapToggle>
<WrapToggle
onChange={setHasImg}
value={hasImg}
>
<Input
isDisabled={!hasImg}
isError={hasImg && errImg}
label={t('sha2 image hash')}
onChange={_onChangeImg}
placeholder={t('0x...')}
maxLength={66}
value={hasImg ? valImg : '<none>'}
/>
</WrapToggle>
<WrapToggle
onChange={setHasPgp}
value={hasPgp}
>
<Input
isDisabled={!hasPgp}
isError={hasPgp && errPgp}
label={t('pgp hash')}
onChange={_onChangePgp}
placeholder={t('0x...')}
maxLength={42}
value={hasPgp ? valPgp : '<none>'}
/>
</WrapToggle>
</Bare>
);
}
export default styled(IdentityInfo)`
.toggle-Wrap {
position: relative;
.toggle-Toggle {
position: absolute;
right: 3.5rem;
top: 0.5rem;
}
}
`;

2
packages/react-params/src/Param/findComponent.ts
View File

@ -19,7 +19,6 @@ import DispatchError from './DispatchError';
import Enum from './Enum';
import Hash256 from './Hash256';
import Hash512 from './Hash512';
import IdentityInfo from './IdentityInfo';
import KeyValue from './KeyValue';
import KeyValueArray from './KeyValueArray';
import Moment from './Moment';
@ -52,7 +51,6 @@ const components: ComponentMap = ([
{ c: Enum, t: ['Enum'] },
{ c: Hash256, t: ['BlockHash', 'CodeHash', 'Hash', 'H256', 'SeedOf'] },
{ c: Hash512, t: ['H512', 'Signature'] },
{ c: IdentityInfo, t: ['IdentityInfo'] },
{ c: KeyValue, t: ['KeyValue'] },
{ c: KeyValueArray, t: ['Vec<KeyValue>'] },
{ c: Moment, t: ['Moment', 'MomentOf'] },