💫 Example - Fix TS Build Errors

dominicstop · Mar 9, 2022 · 48be88c · 48be88c
1 parent f82facf
commit 48be88c
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 7 deletions.
diff --git a/example/src/components/ExampleItemPopoverView.tsx b/example/src/components/ExampleItemPopoverView.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
-import { useCallback, useRef } from 'react';
-import { StyleSheet, View, Text, TouchableOpacity, ViewProps } from 'react-native';
+import { StyleSheet, View, Text, ViewProps } from 'react-native';
 
 import * as Colors from '../constants/Colors';
 

diff --git a/example/src/components/PopoverViewExample04.tsx b/example/src/components/PopoverViewExample04.tsx
@@ -37,6 +37,9 @@ export default function PopoverViewExample04(props: ViewProps) {
 };
 
 const styles = StyleSheet.create({
+  popoverContentContainer: {
+    padding: 20
+  },
   popoverText: {
     fontSize: 16,
     fontWeight: 'bold',

diff --git a/example/src/components/PopoverViewExample06.tsx b/example/src/components/PopoverViewExample06.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useRef } from 'react';
-import { StyleSheet, View, Text, ViewProps } from 'react-native';
+import { StyleSheet, View, Text, ViewProps, Alert } from 'react-native';
 
 import { PopoverView } from 'react-native-ios-popover';
 import { Button } from './Button';
@@ -19,8 +19,8 @@ export default function PopoverViewExample06(props: ViewProps) {
     >
       <PopoverView
         ref={popoverRef}
-        onPopoverDidHide={() => alert('onPopoverDidHide')}
-        onPopoverDidShow={() => alert('onPopoverDidShow')}
+        onPopoverDidHide={() => Alert.alert('event', 'onPopoverDidHide')}
+        onPopoverDidShow={() => Alert.alert('event', 'onPopoverDidShow')}
         renderPopoverContent={() => (
           <View style={styles.popoverContentContainer}>
             <Text style={styles.popoverText}>

diff --git a/example/src/components/PopoverViewExample07.tsx b/example/src/components/PopoverViewExample07.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useState, useRef } from 'react';
-import { StyleSheet, View, Text, Switch, ViewProps } from 'react-native';
+import { StyleSheet, View, Text, Switch, ViewProps, Alert } from 'react-native';
 
 import { PopoverView } from 'react-native-ios-popover';
 import { Button } from './Button';
@@ -22,7 +22,9 @@ export default function PopoverViewExample07(props: ViewProps) {
       <PopoverView
         ref={popoverRef}
         popoverShouldDismiss={isEnabled}
-        onPopoverDidAttemptToDismiss={() => alert('onPopoverDidAttemptToDismiss')}
+        onPopoverDidAttemptToDismiss={() => 
+          Alert.alert('event', 'onPopoverDidAttemptToDismiss')
+        }
         renderPopoverContent={() => (
           <View style={styles.popoverContainer}>
             <Text style={styles.popoverText}>