Handle alerts correctly on web in Button example

Author: yash04577

website/versioned_docs/version-0.82/button.md

@@ -20,11 +20,20 @@ If this button doesn't look right for your app, you can build your own button us
 
 ```SnackPlayer name=Button%20Example
 import React from 'react';
-import {StyleSheet, Button, View, Text, Alert} from 'react-native';
+import {StyleSheet, Button, View, Text, Alert, Platform} from 'react-native';
 import {SafeAreaView, SafeAreaProvider} from 'react-native-safe-area-context';
 
 const Separator = () => <View style={styles.separator} />;
 
+  function showAlert(message: string){
+    if(Platform.OS === "web"){
+      window.alert(message);
+    }
+    else{
+      Alert.alert(message)
+    }
+  }
+
 const App = () => (
   <SafeAreaProvider>
     <SafeAreaView style={styles.container}>
@@ -35,7 +44,7 @@ const App = () => (
         </Text>
         <Button
           title="Press me"
-          onPress={() => Alert.alert('Simple Button pressed')}
+          onPress={() => showAlert('Simple Button pressed')}
         />
       </View>
       <Separator />
@@ -48,7 +57,7 @@ const App = () => (
         <Button
           title="Press me"
           color="#f194ff"
-          onPress={() => Alert.alert('Button with adjusted color pressed')}
+          onPress={() => showAlert('Button with adjusted color pressed')}
         />
       </View>
       <Separator />
@@ -59,7 +68,7 @@ const App = () => (
         <Button
           title="Press me"
           disabled
-          onPress={() => Alert.alert('Cannot press this one')}
+          onPress={() => showAlert('Cannot press this one')}
         />
       </View>
       <Separator />
@@ -70,11 +79,11 @@ const App = () => (
         <View style={styles.fixToText}>
           <Button
             title="Left button"
-            onPress={() => Alert.alert('Left button pressed')}
+            onPress={() => showAlert('Left button pressed')}
           />
           <Button
             title="Right button"
-            onPress={() => Alert.alert('Right button pressed')}
+            onPress={() => showAlert('Right button pressed')}
           />
         </View>
       </View>