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

Display Call hashes on disabled items (#8544)

Browse Source
This commit is contained in:
Jaco 2022-12-15 10:04:08 +02:00 committed by GitHub
parent 5678c62388
commit df0c3ba9df
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/react-components/src/Call.tsx
View File

@ -21,6 +21,7 @@ export interface Props {
labelHash?: React.ReactNode;
labelSignature?: React.ReactNode;
mortality?: string;
noIndent?: boolean;
onError?: () => void;
value: IExtrinsic | IMethod;
withBorder?: boolean;
@ -84,7 +85,7 @@ function extractState (value: IExtrinsic | IMethod, withHash?: boolean, withSign
return { hash, params, signature, signatureType, values };
}
function Call ({ children, className = '', labelHash, labelSignature, mortality, onError, tip, value, withBorder, withHash, withSignature }: Props): React.ReactElement<Props> {
function Call ({ children, className = '', labelHash, labelSignature, mortality, noIndent, onError, tip, value, withBorder, withHash, withSignature }: Props): React.ReactElement<Props> {
const { t } = useTranslation();
const [{ hash, params, signature, signatureType, values }, setExtracted] = useState<Extracted>({ hash: null, params: [], signature: null, signatureType: null, values: [] });
@ -103,7 +104,7 @@ function Call ({ children, className = '', labelHash, labelSignature, mortality,
withBorder={withBorder}
/>
{children}
<div className='ui--Extrinsic--toplevel'>
<div className={`ui--Extrinsic--toplevel${noIndent ? ' noIndent' : ''}`}>
{signature && (
<Static
className='hash'
@ -147,7 +148,11 @@ export default React.memo(styled(Call)`
word-wrap: unset;
}
.ui--Extrinsic--toplevel {
.ui--Extrinsic--toplevel.noIndent {
margin-top: 0.25rem;
}
.ui--Extrinsic--toplevel:not(.noIndent) {
margin-top: 0.75rem;
.ui--Labelled {

9
packages/react-params/src/Param/Call.tsx
View File

@ -8,10 +8,12 @@ import React from 'react';
import { Call, Static } from '@polkadot/react-components';
import { useTranslation } from '../translate';
import Bare from './Bare';
import Unknown from './Unknown';
function CallDisplay (props: Props): React.ReactElement<Props> {
const { t } = useTranslation();
const { className = '', defaultValue: { value }, isDisabled, label, withLabel } = props;
if (!isDisabled) {
@ -32,7 +34,12 @@ function CallDisplay (props: Props): React.ReactElement<Props> {
>
{section}.{method}
</Static>
<Call value={call} />
<Call
labelHash={t<string>('call hash / {{section}}.{{method}}', { replace: { method, section } })}
noIndent
value={call}
withHash
/>
</Bare>
);
}