JSAB2-75, add SubCardView

frontend/src/common/colors.js

@@ -4,4 +4,5 @@ export default {
   lightenGrey: '#f5f5f5',
   tealColor: '#10978b',
   redColor: '#f44336',
+  whiteColor: '#ffffff',
 };

frontend/src/common/components/SubCardView.jsx

@@ -0,0 +1,36 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { View, ViewPropTypes } from 'react-native';
+import Colors from '../colors';
+
+const defaultStyle = {
+  marginBottom: 2,
+  padding: 12,
+  borderRadius: 5,
+  alignSelf: 'stretch',
+  backgroundColor: Colors.tealColor,
+  flexDirection: 'row',
+  shadowColor: '#fff',
+};
+
+function SubCardView({ style, children }) {
+  return (
+    <View style={[defaultStyle, style]}>
+      {children}
+    </View>
+  );
+}
+
+SubCardView.propTypes = {
+  style: ViewPropTypes.style,
+  children: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.node),
+    PropTypes.node,
+  ]).isRequired,
+};
+
+SubCardView.defaultProps = {
+  style: null,
+};
+
+export default SubCardView;

frontend/src/common/components/index.js

@@ -1,3 +1,4 @@
 /* eslint-disable import/prefer-default-export */
 export { default as CardView } from './CardView';
 export { default as TouchableImage } from './TouchableImage';
+export { default as SubCardView } from './SubCardView';