add a "delete" button to the components folder

Author: hawkrives

source/views/components/cells/delete-button.js

@@ -0,0 +1,34 @@
+// @flow
+
+import React from 'react'
+import {StyleSheet, Alert} from 'react-native'
+import {Cell} from 'react-native-tableview-simple'
+import * as c from '../colors'
+
+const deleteStyles = StyleSheet.create({
+  text: {textAlign: 'center', color: c.red},
+})
+
+export const DeleteButtonCell = ({
+  title,
+  skipConfirm = false,
+  onPress,
+}: {
+  title: string,
+  skipConfirm?: boolean,
+  onPress?: () => any,
+}) => {
+  const onPressCallback = onPress ? onPress : () => {}
+
+  const callback = !skipConfirm
+    ? () =>
+        Alert.alert(title, 'Are you sure you want to delete this?', [
+          {text: 'Cancel', onPress: () => {}, style: 'cancel'},
+          {text: 'Delete', onPress: onPressCallback, style: 'destructive'},
+        ])
+    : onPressCallback
+
+  return (
+    <Cell title={title} titleTextStyle={deleteStyles.text} onPress={callback} />
+  )
+}