From 4eb18eb7f4e4ab941a132a8074b71bc5e3a4c0f9 Mon Sep 17 00:00:00 2001
From: gin0606 <kkgn06@gmail.com>
Date: Tue, 4 Aug 2020 17:05:18 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=A4=96=20Merge=20PR=20#46542=20[@types/re?=
 =?UTF-8?q?act-native-canvas]=20Fix=20Canvas#toDataURL=20type=20definition?=
 =?UTF-8?q?.=20by=20@gin0606?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

https://github.com/iddan/react-native-canvas#canvastodataurl
---
 types/react-native-canvas/index.d.ts            |  2 +-
 .../react-native-canvas-tests.tsx               | 17 +++++++++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/types/react-native-canvas/index.d.ts b/types/react-native-canvas/index.d.ts
index 5048b2c85c..06f245e23a 100644
--- a/types/react-native-canvas/index.d.ts
+++ b/types/react-native-canvas/index.d.ts
@@ -131,7 +131,7 @@ export interface CanvasRenderingContext2D {
 export default class Canvas extends React.Component<CanvasProps> {
     width: number;
     height: number;
-    toDataURL: () => string;
+    toDataURL: () => Promise<string>;
     getContext: (context: string) => CanvasRenderingContext2D;
 }
 
diff --git a/types/react-native-canvas/react-native-canvas-tests.tsx b/types/react-native-canvas/react-native-canvas-tests.tsx
index f76be132f6..493c3880b9 100644
--- a/types/react-native-canvas/react-native-canvas-tests.tsx
+++ b/types/react-native-canvas/react-native-canvas-tests.tsx
@@ -130,6 +130,20 @@ class CanvasTest extends React.Component {
         });
     }
 
+    handleToDataURL(canvas: Canvas) {
+        canvas.width = 100;
+        canvas.height = 100;
+
+        const context = canvas.getContext('2d');
+
+        context.fillStyle = 'purple';
+        context.fillRect(0, 0, 100, 100);
+
+        canvas.toDataURL().then((dataURL: string) => {
+            void dataURL;
+        });
+    }
+
     render() {
         return (
             <View>
@@ -156,6 +170,9 @@ class CanvasTest extends React.Component {
                     <Example sample={require('./images/embed-html.png')}>
                         <Canvas ref={this.handleEmbedHTML} />
                     </Example>
+                    <Example sample={require('./images/to-data-url.png')}>
+                        <Canvas ref={this.handleToDataURL} />
+                    </Example>
                 </ScrollView>
             </View>
         );