@@ -116,10 +116,10 @@ class Playground extends React.Component {
value={content}
onChange={this.setContent}
/>
- {editorState.astPanelVisible ? (
+ {editorState.showAst ? (
) : null}
- {editorState.docPanelVisible ? (
+ {editorState.showDoc ? (
) : null}
@@ -127,8 +127,8 @@ class Playground extends React.Component {
-
diff --git a/website/playground/SidebarOptions.js b/website/playground/SidebarOptions.js
index e82051ee..73bcbf62 100644
--- a/website/playground/SidebarOptions.js
+++ b/website/playground/SidebarOptions.js
@@ -6,7 +6,7 @@ const CATEGORIES_ORDER = ["Global", "JavaScript", "Markdown", "Special"];
export default function({
availableOptions,
- currentOptions,
+ prettierOptions,
onOptionValueChange
}) {
const optionsByCategory = availableOptions.reduce((acc, option) => {
@@ -16,18 +16,22 @@ export default function({
return acc;
}, {});
- return CATEGORIES_ORDER.map(category => (
-
- {category}
+ return (
+
+ {CATEGORIES_ORDER.map(category => (
+
+ {category}
- {(optionsByCategory[category] || []).map(option => (
-
+ {(optionsByCategory[category] || []).map(option => (
+
+ ))}
+
))}
-
- ));
+
+ );
}
diff --git a/website/playground/inputs.js b/website/playground/inputs.js
new file mode 100644
index 00000000..4cbfaf9a
--- /dev/null
+++ b/website/playground/inputs.js
@@ -0,0 +1,14 @@
+import React from "react";
+
+export function Checkbox({ label: _label, checked, onChange }) {
+ return (
+
+ );
+}