Chore: Implement review feedback

components/common/button-row.js

@@ -0,0 +1,20 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { StyleSheet, View } from 'react-native'
+
+const ButtonRow = ({ children }) => {
+  return <View style={styles.container}>{children}</View>
+}
+
+ButtonRow.propTypes = {
+  children: PropTypes.node.isRequired,
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+  },
+})
+
+export default ButtonRow

components/common/button-to-button.js

@@ -2,12 +2,12 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { StyleSheet, View } from 'react-native'
 
-const ButtonToButton = ({ children }) => {
+const ButtonRow = ({ children }) => {
   return <View style={styles.container}>{children}</View>
 }
 
-ButtonToButton.propTypes = {
-  children: PropTypes.node,
+ButtonRow.propTypes = {
+  children: PropTypes.node.isRequired,
 }
 
 const styles = StyleSheet.create({
@@ -17,4 +17,4 @@ const styles = StyleSheet.create({
   },
 })
 
-export default ButtonToButton
+export default ButtonRow