finish about page popover

ionic-team · Dec 20, 2018 · eb2bbd7 · eb2bbd7
1 parent 8b99470
commit eb2bbd7
Showing 1 changed file with 15 additions and 5 deletions.
diff --git a/src/pages/About.tsx b/src/pages/About.tsx
@@ -10,22 +10,25 @@ type Props = {
 };
 
 type State = {
-  showPopover: boolean
+  showPopover: boolean,
+  showPopoverEvent: null | MouseEvent
 }
 
 class About extends Component<Props, State> {
   constructor(props: Props) {
     super(props);
 
     this.state = {
-      showPopover: false
+      showPopover: false,
+      showPopoverEvent: null
     };
 
     this.presentPopover = this.presentPopover.bind(this);
   }
-  presentPopover() {
+  presentPopover(e: MouseEvent) {
     this.setState(() => ({
-      showPopover: true
+      showPopover: true,
+      showPopoverEvent: e
     }));
   }
   render() {
@@ -44,7 +47,14 @@ class About extends Component<Props, State> {
         </IonToolbar>
       </IonHeader>
 
-      <IonPopover show={this.state.showPopover}>
+      <IonPopover
+        show={this.state.showPopover}
+        event={this.state.showPopoverEvent}
+        onIonPopoverDidDismiss={() => this.setState(() => ({
+          'showPopover': false,
+          'showPopoverEvent': null
+        }))}
+      >
         <AboutPopover />
       </IonPopover>