fix: Replace window.alert with Alert.alert

boilerplate/app/components/button/button.story.tsx

@@ -1,5 +1,5 @@
 import * as React from "react"
-import { ViewStyle, TextStyle } from "react-native"
+import { ViewStyle, TextStyle, Alert } from "react-native"
 import { storiesOf } from "@storybook/react-native"
 import { StoryScreen, Story, UseCase } from "../../../storybook/views"
 import { Button } from "./"
@@ -19,16 +19,16 @@ storiesOf("Button", module)
   .add("Style Presets", () => (
     <Story>
       <UseCase text="Primary" usage="The primary button.">
-        <Button text="Click It" preset="primary" onPress={() => window.alert("pressed")} />
+        <Button text="Click It" preset="primary" onPress={() => Alert.alert("pressed")} />
       </UseCase>
       <UseCase text="Disabled" usage="The disabled behaviour of the primary button.">
-        <Button text="Click It" preset="primary" onPress={() => window.alert("pressed")} disabled />
+        <Button text="Click It" preset="primary" onPress={() => Alert.alert("pressed")} disabled />
       </UseCase>
       <UseCase text="Array Style" usage="Button with array style" >
         <Button
           text="Click It"
           preset="primary"
-          onPress={() => window.alert("pressed")}
+          onPress={() => Alert.alert("pressed")}
           style={buttonStyleArray}
           textStyle={buttonTextStyleArray}
         />

boilerplate/app/components/header/header.story.tsx

@@ -1,5 +1,5 @@
 import * as React from "react"
-import { View } from "react-native"
+import { View, Alert } from "react-native"
 import { storiesOf } from "@storybook/react-native"
 import { StoryScreen, Story, UseCase } from "../../../storybook/views"
 import { Header } from "./header"
@@ -26,7 +26,7 @@ storiesOf("Header", module)
           <Header
             headerTx="secondExampleScreen.howTo"
             leftIcon="back"
-            onLeftPress={() => window.alert("left nav")}
+            onLeftPress={() => Alert.alert("left nav")}
           />
         </View>
       </UseCase>
@@ -35,7 +35,7 @@ storiesOf("Header", module)
           <Header
             headerTx="secondExampleScreen.howTo"
             rightIcon="bullet"
-            onRightPress={() => window.alert("right nav")}
+            onRightPress={() => Alert.alert("right nav")}
           />
         </View>
       </UseCase>

boilerplate/app/components/text-field/text-field.story.tsx

@@ -7,7 +7,7 @@ import { StoryScreen, Story, UseCase } from "../../../storybook/views"
 import { Text } from "../text"
 import { TextField } from "./"
 import { State } from "react-powerplug"
-import { ViewStyle, TextStyle } from "react-native"
+import { ViewStyle, TextStyle, Alert } from "react-native"
 
 const styleArray: ViewStyle[] = [
   {paddingHorizontal: 30},
@@ -154,7 +154,7 @@ storiesOf("TextField", module)
                 if(alertWhenFocused) {
                   // Prevent text field focus from being repeatedly triggering alert
                   alertWhenFocused = false
-                  window.alert("Text field focuesed with forwarded ref!")
+                  Alert.alert("Text field focuesed with forwarded ref!")
                 }
               }}
             />