From f5f83fd3264537a0507165685c6d5a1afa0f3c10 Mon Sep 17 00:00:00 2001
From: ae_atrofimov <anton.trofimov-ext@consensys.net>
Date: Wed, 5 Jun 2024 10:17:00 +0200
Subject: [PATCH] feat(docs): refactored styles

---
 .../ParserOpenRPC/AuthBox/index.tsx           |  3 +-
 .../ParserOpenRPC/AuthBox/styles.module.css   | 23 -----------
 .../ParserOpenRPC/DetailsBox/index.tsx        | 39 +-----------------
 .../ParserOpenRPC/InteractiveBox/index.tsx    | 40 +------------------
 .../ParserOpenRPC/global.module.css           | 22 ++++++++++
 src/components/ParserOpenRPC/interfaces.ts    | 38 ++++++++++++++++++
 6 files changed, 64 insertions(+), 101 deletions(-)
 create mode 100644 src/components/ParserOpenRPC/global.module.css
 create mode 100644 src/components/ParserOpenRPC/interfaces.ts

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 = () => (
   <div className={styles.msgWrapper}>
     <strong className={styles.msgHeading}>Install MetaMask</strong>
     <p className={styles.msgText}>Install MetaMask for your browser to enable interactive features</p>
-    <Link className={styles.primaryBtn} href="https://metamask.io/download/">Install MetaMask</Link>
+    <Link className={global.primaryBtn} href="https://metamask.io/download/">Install MetaMask</Link>
   </div>
 );
 
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<string, SchemaPropertyType>;
-  enum?: string[];
-  default?: string;
-  schema?: Schema;
-}
-
-interface Schema {
-  summary: any;
-  description: any;
-  required: boolean;
-  title: string;
-  type: string;
-  properties?: Record<string, SchemaPropertyType>;
-  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<string, SchemaPropertyType>;
-  enum?: string[];
-  default?: string;
-  schema?: Schema;
-}
-
-interface Schema {
-  summary: any;
-  description: any;
-  required: boolean;
-  title: string;
-  type: string;
-  properties?: Record<string, SchemaPropertyType>;
-  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<string, SchemaPropertyType>;
+  enum?: string[];
+  default?: string;
+  schema?: Schema;
+}
+
+export interface Schema {
+  summary: any;
+  description: any;
+  required: boolean;
+  title: string;
+  type: string;
+  properties?: Record<string, SchemaPropertyType>;
+  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