feat(ref): act-1516 - added extra content prop to parser (#1521)

Author: TrofimovAnton85

src/components/ParserOpenRPC/DetailsBox/index.tsx

@@ -22,6 +22,7 @@ interface DetailsBoxProps {
   components: SchemaComponents;
   result: any;
   tags: TagItem[];
+  extraContent?: JSX.Element;
 }
 
 export default function DetailsBox({
@@ -31,6 +32,7 @@ export default function DetailsBox({
   components,
   result,
   tags,
+  extraContent,
 }: DetailsBoxProps) {
   return (
     <>
@@ -45,6 +47,7 @@ export default function DetailsBox({
       )}
       <Heading as="h1">{method}</Heading>
       <MDContent content={description} />
+      {extraContent && <div className="padding-top--lg">{extraContent}</div>}
       <Heading
         as="h2"
         className={clsx(

src/components/ParserOpenRPC/index.tsx

@@ -17,6 +17,7 @@ import { MetamaskProviderContext } from "@site/src/theme/Root";
 interface ParserProps {
   network: NETWORK_NAMES;
   method?: string;
+  extraContent?: JSX.Element;
 }
 
 interface ParserOpenRPCContextProps {
@@ -30,7 +31,7 @@ interface ParserOpenRPCContextProps {
 export const ParserOpenRPCContext =
   createContext<ParserOpenRPCContextProps | null>(null);
 
-export default function ParserOpenRPC({ network, method }: ParserProps) {
+export default function ParserOpenRPC({ network, method, extraContent }: ParserProps) {
   if (!method || !network) return null;
   const [isModalOpen, setModalOpen] = useState(false);
   const [reqResult, setReqResult] = useState(undefined);
@@ -178,6 +179,7 @@ export default function ParserOpenRPC({ network, method }: ParserProps) {
               components={currentMethodData.components.schemas}
               result={currentMethodData.result}
               tags={currentMethodData.tags}
+              extraContent={extraContent}
             />
             <ErrorsBox errors={currentMethodData.errors} />
           </div>

wallet/reference/new-reference.mdx

@@ -7,5 +7,10 @@ sidebar_class_name: "hidden"
 
 import ParserOpenRPC from "@site/src/components/ParserOpenRPC"
 import { NETWORK_NAMES } from "@site/src/plugins/plugin-json-rpc"
+import Description from "@site/services/reference/_partials/_eth_sendtransaction-description.mdx"
 
-<ParserOpenRPC network={NETWORK_NAMES.metamask} method="eth_requestAccounts" />
+<ParserOpenRPC
+  network={NETWORK_NAMES.metamask}
+  method="eth_requestAccounts"
+  extraContent={<Description />}
+/>