From 70a51b86a063619ec364dbc58948b76a39a6e522 Mon Sep 17 00:00:00 2001
From: vsun <vsun@connectdotz.com>
Date: Sat, 23 Dec 2017 09:40:12 -0500
Subject: [PATCH] fixed DialogButton textStyle type

---
 types/react-native-popup-dialog/index.d.ts    |  5 +-
 .../react-native-popup-dialog-tests.tsx       | 73 ++++++++++---------
 2 files changed, 40 insertions(+), 38 deletions(-)

diff --git a/types/react-native-popup-dialog/index.d.ts b/types/react-native-popup-dialog/index.d.ts
index b1e1bb0fff..73466d1b9d 100644
--- a/types/react-native-popup-dialog/index.d.ts
+++ b/types/react-native-popup-dialog/index.d.ts
@@ -1,11 +1,12 @@
 // Type definitions for react-native-popup-dialog 0.9
 // Project: https://github.com/jacklam718/react-native-popup-dialog/blob/master/README.md
 // Definitions by: Paito Anderson <https://github.com/PaitoAnderson>
+//                 connectdotz <https://github.com/connectdotz>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
 import * as React from 'react';
-import { GestureResponderEvent, StyleProp, ViewStyle } from 'react-native';
+import { GestureResponderEvent, StyleProp, ViewStyle, TextStyle } from 'react-native';
 
 export type AlignTypes = 'left' | 'right' | 'center';
 export type OverlayPointerEventTypes = 'auto' | 'none';
@@ -16,7 +17,7 @@ export interface DialogButtonProps {
     align?: AlignTypes;
     onPress?: (event: GestureResponderEvent) => void;
     buttonStyle?: StyleProp<ViewStyle>;
-    textStyle?: StyleProp<ViewStyle>;
+    textStyle?: StyleProp<TextStyle>;
     textContainerStyle?: StyleProp<ViewStyle>;
     disabled?: boolean;
     activeOpacity?: number;
diff --git a/types/react-native-popup-dialog/react-native-popup-dialog-tests.tsx b/types/react-native-popup-dialog/react-native-popup-dialog-tests.tsx
index 6646111d89..fdc53cfb88 100644
--- a/types/react-native-popup-dialog/react-native-popup-dialog-tests.tsx
+++ b/types/react-native-popup-dialog/react-native-popup-dialog-tests.tsx
@@ -6,7 +6,7 @@ import PopupDialog, {
     SlideAnimation,
     ScaleAnimation,
     FadeAnimation,
-  } from 'react-native-popup-dialog';
+} from 'react-native-popup-dialog';
 
 const slideAnimation = new SlideAnimation({ slideFrom: 'bottom' });
 const scaleAnimation = new ScaleAnimation();
@@ -15,41 +15,42 @@ const fadeAnimation = new FadeAnimation({ animationDuration: 150 });
 class Test extends React.Component<any> {
     render() {
         return (
-        <View>
-            <PopupDialog
-                dialogTitle={<DialogTitle title="Popup Dialog - Fade Animation" />}
-                dialogAnimation={fadeAnimation}
-            />
-            <PopupDialog
-                dialogTitle={<DialogTitle title="Popup Dialog - Scale Animation" />}
-                dialogAnimation={scaleAnimation}
-                actions={[
-                    <DialogButton
-                        text="CLOSE"
-                        onPress={(event) => {}}
-                        key="button-1"
-                    />,
-                ]}
-            />
-            <PopupDialog
-                dialogTitle={<DialogTitle title="Popup Dialog - Slide Animation" />}
-                width={300}
-                height={300}
-                dialogAnimation={slideAnimation}
-                containerStyle={styles.testStyle}
-                dialogStyle={styles.testStyle}
-                animationDuration={150}
-                overlayPointerEvents='auto'
-                overlayBackgroundColor='white'
-                overlayOpacity={0.5}
-                dismissOnTouchOutside={false}
-                dismissOnHardwareBackPress={false}
-                haveOverlay={true}
-                show={true}
-                onShown={() => { console.log('onShown'); }}
-                onDismissed={() => { console.log('onDismissed'); }}
-            />
-        </View>);
+            <View>
+                <PopupDialog
+                    dialogTitle={<DialogTitle title="Popup Dialog - Fade Animation" />}
+                    dialogAnimation={fadeAnimation}
+                />
+                <PopupDialog
+                    dialogTitle={<DialogTitle title="Popup Dialog - Scale Animation" />}
+                    dialogAnimation={scaleAnimation}
+                    actions={[
+                        <DialogButton
+                            text="CLOSE"
+                            onPress={(event) => { }}
+                            textStyle={{ color: "red" }}
+                            key="button-1"
+                        />,
+                    ]}
+                />
+                <PopupDialog
+                    dialogTitle={<DialogTitle title="Popup Dialog - Slide Animation" />}
+                    width={300}
+                    height={300}
+                    dialogAnimation={slideAnimation}
+                    containerStyle={styles.testStyle}
+                    dialogStyle={styles.testStyle}
+                    animationDuration={150}
+                    overlayPointerEvents='auto'
+                    overlayBackgroundColor='white'
+                    overlayOpacity={0.5}
+                    dismissOnTouchOutside={false}
+                    dismissOnHardwareBackPress={false}
+                    haveOverlay={true}
+                    show={true}
+                    onShown={() => { console.log('onShown'); }}
+                    onDismissed={() => { console.log('onDismissed'); }}
+                />
+            </View>);
     }
 }