diff --git a/packages/page-rpc/src/Rpc/Results.tsx b/packages/page-rpc/src/Rpc/Results.tsx index b5ef41d2c1..da810c5d5d 100644 --- a/packages/page-rpc/src/Rpc/Results.tsx +++ b/packages/page-rpc/src/Rpc/Results.tsx @@ -4,6 +4,7 @@ import type { QueueTx } from '@polkadot/react-components/Status/types'; import React from 'react'; +import styled from 'styled-components'; import { Output } from '@polkadot/react-components'; import valueToText from '@polkadot/react-params/valueToText'; @@ -23,7 +24,7 @@ function Results ({ queue = [] }: Props): React.ReactElement | null { } return ( -
+ {filtered.map(({ error, id, result, rpc: { method, section, type } }): React.ReactNode => ( | null { } /> ))} -
+ ); } +const StyledSection = styled.section` + .ui--Output > label { + text-transform: none; + } +`; + export default React.memo(Results); diff --git a/packages/react-components/src/Output.tsx b/packages/react-components/src/Output.tsx index 9c440ca7a1..545c6fc13c 100644 --- a/packages/react-components/src/Output.tsx +++ b/packages/react-components/src/Output.tsx @@ -29,7 +29,7 @@ interface Props { function Output ({ children, className = '', isDisabled, isError, isFull, isHidden, isMonospace, isSmall, isTrimmed, label, labelExtra, value, withCopy = false, withLabel }: Props): React.ReactElement { return (