Fix KuiPopover examples. (#13460)

elastic · Aug 10, 2017 · afe76f1 · afe76f1
1 parent a77e6f8
commit afe76f1
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 12 deletions.
diff --git a/ui_framework/doc_site/src/views/popover/popover_anchor_position.js b/ui_framework/doc_site/src/views/popover/popover_anchor_position.js
@@ -11,19 +11,32 @@ export default class extends Component {
     super(props);
 
     this.state = {
-      isPopoverOpen: false,
+      isPopoverOpen1: false,
+      isPopoverOpen2: false,
     };
   }
 
-  onButtonClick() {
+  onButtonClick1() {
     this.setState({
-      isPopoverOpen: !this.state.isPopoverOpen,
+      isPopoverOpen1: !this.state.isPopoverOpen1,
     });
   }
 
-  closePopover() {
+  closePopover1() {
     this.setState({
-      isPopoverOpen: false,
+      isPopoverOpen1: false,
+    });
+  }
+
+  onButtonClick2() {
+    this.setState({
+      isPopoverOpen2: !this.state.isPopoverOpen2,
+    });
+  }
+
+  closePopover2() {
+    this.setState({
+      isPopoverOpen2: false,
     });
   }
 
@@ -32,13 +45,13 @@ export default class extends Component {
       <div>
         <KuiPopover
           button={(
-            <button onClick={this.onButtonClick.bind(this)}>
+            <button onClick={this.onButtonClick1.bind(this)}>
               Popover anchored to the right.
             </button>
           )}
-          isOpen={this.state.isPopoverOpen}
+          isOpen={this.state.isPopoverOpen1}
+          closePopover={this.closePopover1.bind(this)}
           anchorPosition="right"
-          closePopover={() => {}}
         >
           Popover content
         </KuiPopover>
@@ -47,13 +60,13 @@ export default class extends Component {
 
         <KuiPopover
           button={(
-            <button onClick={this.onButtonClick.bind(this)}>
+            <button onClick={this.onButtonClick2.bind(this)}>
               Popover anchored to the left.
             </button>
           )}
-          isOpen={this.state.isPopoverOpen}
+          isOpen={this.state.isPopoverOpen2}
+          closePopover={this.closePopover2.bind(this)}
           anchorPosition="left"
-          closePopover={() => {}}
         >
           Popover content
         </KuiPopover>

diff --git a/ui_framework/doc_site/src/views/popover/popover_body_class_name.js b/ui_framework/doc_site/src/views/popover/popover_body_class_name.js
@@ -36,8 +36,8 @@ export default class extends Component {
           </button>
         )}
         isOpen={this.state.isPopoverOpen}
+        closePopover={this.closePopover.bind(this)}
         bodyClassName="yourClassNameHere"
-        closePopover={() => {}}
       >
         It's hard to tell but there's a custom class on this element
       </KuiPopover>