Merge pull request #335 from open-rpc/fix/bump-update-docs-react

fix: bump docs-react
open-rpc · Jan 24, 2020 · 66cbd83 · 66cbd83
2 parents 72fc163 + 02eb82f
commit 66cbd83
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 20 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -16,7 +16,7 @@
     "@etclabscore/react-monaco-editor": "^1.0.3",
     "@material-ui/core": "^4.7.2",
     "@material-ui/icons": "^3.0.2",
-    "@open-rpc/docs-react": "^1.1.4",
+    "@open-rpc/docs-react": "^1.1.5",
     "@open-rpc/examples": "^1.3.3",
     "@open-rpc/inspector": "^1.2.8",
     "@open-rpc/meta-schema": "^1.4.3",

diff --git a/src/App.tsx b/src/App.tsx
@@ -9,7 +9,7 @@ import { IUISchema } from "./UISchema";
 import { SnackBar, ISnackBarNotification, NotificationType } from "./SnackBar/SnackBar";
 import { MuiThemeProvider } from "@material-ui/core/styles";
 import { lightTheme, darkTheme } from "./themes/openrpcTheme";
-import { CssBaseline } from "@material-ui/core";
+import { CssBaseline, Container } from "@material-ui/core";
 import PlaygroundSplitPane from "./PlaygroundSplitPane";
 import useParsedSchema from "./hooks/useParsedSchema";
 import useDefaultEditorValue from "./hooks/useDefaultEditorValue";
@@ -41,15 +41,15 @@ const App: React.FC = () => {
     if (!defaultValue && !searchUrl && defaultExample) {
       setSearchUrl(defaultExample.url);
     }
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [defaultValue]);
 
   useEffect(() => {
     setReactJsonOptions({
       ...reactJsonOptions,
       theme: UISchema.appBar["ui:darkMode"] ? "summerfruit" : "summerfruit:inverted",
     });
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [UISchema.appBar["ui:darkMode"]]);
 
   useInterval(() => {
@@ -68,7 +68,7 @@ const App: React.FC = () => {
     if (results) {
       setParsedSchema(results);
     }
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [results]);
 
   useEffect(() => {
@@ -83,7 +83,7 @@ const App: React.FC = () => {
   const [parsedSchema, setParsedSchema] = useParsedSchema(defaultValue ? JSON.parse(defaultValue) : null);
   useEffect(() => {
     setParsedSchema(defaultValue);
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [defaultValue]);
   const [reactJsonOptions, setReactJsonOptions] = useState({
     theme: "summerfruit:inverted",
@@ -117,7 +117,7 @@ const App: React.FC = () => {
           });
         }}
         onChangeUrl={setSearchUrl}
-        />
+      />
       <PlaygroundSplitPane
         split={UISchema.appBar["ui:splitView"]}
         left={
@@ -133,16 +133,18 @@ const App: React.FC = () => {
           </>
         }
         right={
-          <Documentation
-            schema={parsedSchema as any}
-            uiSchema={UISchema}
-            reactJsonOptions={reactJsonOptions}
-            methodPlugins={
-              UISchema.methods["ui:methodPlugins"]
-                ? [InspectorPlugin]
-                : undefined
-            }
-          />
+          <Container>
+            <Documentation
+              schema={parsedSchema as any}
+              uiSchema={UISchema}
+              reactJsonOptions={reactJsonOptions}
+              methodPlugins={
+                UISchema.methods["ui:methodPlugins"]
+                  ? [InspectorPlugin]
+                  : undefined
+              }
+            />
+          </Container>
         }
       />
       <SnackBar