diff --git a/src/components/ParserOpenRPC/AuthBox/index.tsx b/src/components/ParserOpenRPC/AuthBox/index.tsx
index ec521159742..37ed0492e3b 100644
--- a/src/components/ParserOpenRPC/AuthBox/index.tsx
+++ b/src/components/ParserOpenRPC/AuthBox/index.tsx
@@ -1,6 +1,7 @@
import React from "react";
import Link from "@docusaurus/Link";
import styles from "./styles.module.css";
+import global from "../global.module.css";
interface AuthBoxProps {
isMetamaskInstalled: boolean;
@@ -10,7 +11,7 @@ const MetamaskInstallMessage = () => (
Install MetaMask
Install MetaMask for your browser to enable interactive features
-
Install MetaMask
+
Install MetaMask
);
diff --git a/src/components/ParserOpenRPC/AuthBox/styles.module.css b/src/components/ParserOpenRPC/AuthBox/styles.module.css
index 93955c35b77..e2de2e8ec08 100644
--- a/src/components/ParserOpenRPC/AuthBox/styles.module.css
+++ b/src/components/ParserOpenRPC/AuthBox/styles.module.css
@@ -17,26 +17,3 @@
font-size: 14px;
line-height: 22px;
}
-
-.primaryBtn {
- background: #1098FC;
- color: #141618;
- font-size: 14px;
- line-height: 1;
- font-weight: 500;
- display: inline-flex;
- align-items: center;
- border-radius: 999px;
- padding: 12px 16px;
- margin-bottom: 1px;
- cursor: pointer;
- transition-property: 'color', 'background-color';
- transition-duration: .4s;
- transition-timing-function: ease;
-}
-
-.primaryBtn:hover {
- text-decoration: none;
- color: #fff;
- background-color: #036AB5;
-}
\ No newline at end of file
diff --git a/src/components/ParserOpenRPC/DetailsBox/index.tsx b/src/components/ParserOpenRPC/DetailsBox/index.tsx
index 6257d5f2c63..b3fee06d34a 100644
--- a/src/components/ParserOpenRPC/DetailsBox/index.tsx
+++ b/src/components/ParserOpenRPC/DetailsBox/index.tsx
@@ -4,45 +4,8 @@ import { MDContent } from "./MDContent";
import { parseSchema } from "./RenderParams";
import clsx from "clsx";
import styles from "./styles.module.css";
+import { MethodParam, SchemaComponents } from "@site/src/components/ParserOpenRPC/interfaces";
-interface SchemaPropertyType {
- name?: string;
- $ref?: any;
- items?: any;
- title?: string;
- type: string;
- description?: string;
- required?: boolean;
- properties?: Record;
- enum?: string[];
- default?: string;
- schema?: Schema;
-}
-
-interface Schema {
- summary: any;
- description: any;
- required: boolean;
- title: string;
- type: string;
- properties?: Record;
- items?: SchemaPropertyType;
- oneOf?: SchemaPropertyType[];
- allOf?: SchemaPropertyType[];
- anyOf?: SchemaPropertyType[];
- $ref?: string;
-}
-
-interface MethodParam {
- name: string;
- description: string;
- schema: Schema;
- required?: boolean;
-}
-
-interface SchemaComponents {
- [key: string]: Schema;
-}
interface DetailsBoxProps {
method: string;
diff --git a/src/components/ParserOpenRPC/InteractiveBox/index.tsx b/src/components/ParserOpenRPC/InteractiveBox/index.tsx
index 1e4f6e4c98f..a3cc57f5887 100644
--- a/src/components/ParserOpenRPC/InteractiveBox/index.tsx
+++ b/src/components/ParserOpenRPC/InteractiveBox/index.tsx
@@ -1,43 +1,5 @@
import React from "react";
-
-interface SchemaPropertyType {
- name?: string;
- $ref?: any;
- items?: any;
- title?: string;
- type: string;
- description?: string;
- required?: boolean;
- properties?: Record;
- enum?: string[];
- default?: string;
- schema?: Schema;
-}
-
-interface Schema {
- summary: any;
- description: any;
- required: boolean;
- title: string;
- type: string;
- properties?: Record;
- items?: SchemaPropertyType;
- oneOf?: SchemaPropertyType[];
- allOf?: SchemaPropertyType[];
- anyOf?: SchemaPropertyType[];
- $ref?: string;
-}
-
-interface MethodParam {
- name: string;
- description: string;
- schema: Schema;
- required?: boolean;
-}
-
-interface SchemaComponents {
- [key: string]: Schema;
-}
+import { MethodParam, SchemaComponents } from "@site/src/components/ParserOpenRPC/interfaces";
interface InteractiveBoxProps {
method: string;
diff --git a/src/components/ParserOpenRPC/global.module.css b/src/components/ParserOpenRPC/global.module.css
new file mode 100644
index 00000000000..879e25e1b8f
--- /dev/null
+++ b/src/components/ParserOpenRPC/global.module.css
@@ -0,0 +1,22 @@
+.primaryBtn {
+ background: #1098FC;
+ color: #141618;
+ font-size: 14px;
+ line-height: 1;
+ font-weight: 500;
+ display: inline-flex;
+ align-items: center;
+ border-radius: 999px;
+ padding: 12px 16px;
+ margin-bottom: 1px;
+ cursor: pointer;
+ transition-property: 'color', 'background-color';
+ transition-duration: .4s;
+ transition-timing-function: ease;
+}
+
+.primaryBtn:hover {
+ text-decoration: none;
+ color: #fff;
+ background-color: #036AB5;
+}
\ No newline at end of file
diff --git a/src/components/ParserOpenRPC/interfaces.ts b/src/components/ParserOpenRPC/interfaces.ts
new file mode 100644
index 00000000000..428a6e04615
--- /dev/null
+++ b/src/components/ParserOpenRPC/interfaces.ts
@@ -0,0 +1,38 @@
+export interface SchemaPropertyType {
+ name?: string;
+ $ref?: any;
+ items?: any;
+ title?: string;
+ type: string;
+ description?: string;
+ required?: boolean;
+ properties?: Record;
+ enum?: string[];
+ default?: string;
+ schema?: Schema;
+}
+
+export interface Schema {
+ summary: any;
+ description: any;
+ required: boolean;
+ title: string;
+ type: string;
+ properties?: Record;
+ items?: SchemaPropertyType;
+ oneOf?: SchemaPropertyType[];
+ allOf?: SchemaPropertyType[];
+ anyOf?: SchemaPropertyType[];
+ $ref?: string;
+}
+
+export interface MethodParam {
+ name: string;
+ description: string;
+ schema: Schema;
+ required?: boolean;
+}
+
+export interface SchemaComponents {
+ [key: string]: Schema;
+}
\ No newline at end of file