From 829998568f4e8a44971a9fe7e46a76ec9316cc81 Mon Sep 17 00:00:00 2001
From: Kumar Damani <kumar.damani@mail.utoronto.ca>
Date: Mon, 18 Feb 2019 16:09:52 -0700
Subject: fixed folder structure

---
 mobile/components/StyledText.js                |  8 ++++++++
 mobile/components/TabBarIcon.js                | 17 +++++++++++++++++
 mobile/components/__tests__/StyledText-test.js | 10 ++++++++++
 3 files changed, 35 insertions(+)
 create mode 100644 mobile/components/StyledText.js
 create mode 100644 mobile/components/TabBarIcon.js
 create mode 100644 mobile/components/__tests__/StyledText-test.js

(limited to 'mobile/components')

diff --git a/mobile/components/StyledText.js b/mobile/components/StyledText.js
new file mode 100644
index 0000000..24c7b9b
--- /dev/null
+++ b/mobile/components/StyledText.js
@@ -0,0 +1,8 @@
+import React from 'react';
+import { Text } from 'react-native';
+
+export class MonoText extends React.Component {
+  render() {
+    return <Text {...this.props} style={[this.props.style, { fontFamily: 'space-mono' }]} />;
+  }
+}
diff --git a/mobile/components/TabBarIcon.js b/mobile/components/TabBarIcon.js
new file mode 100644
index 0000000..2f1ebed
--- /dev/null
+++ b/mobile/components/TabBarIcon.js
@@ -0,0 +1,17 @@
+import React from 'react';
+import { Icon } from 'expo';
+
+import Colors from '../constants/Colors';
+
+export default class TabBarIcon extends React.Component {
+  render() {
+    return (
+      <Icon.Ionicons
+        name={this.props.name}
+        size={26}
+        style={{ marginBottom: -3 }}
+        color={this.props.focused ? Colors.tabIconSelected : Colors.tabIconDefault}
+      />
+    );
+  }
+}
\ No newline at end of file
diff --git a/mobile/components/__tests__/StyledText-test.js b/mobile/components/__tests__/StyledText-test.js
new file mode 100644
index 0000000..04453f8
--- /dev/null
+++ b/mobile/components/__tests__/StyledText-test.js
@@ -0,0 +1,10 @@
+import 'react-native';
+import React from 'react';
+import { MonoText } from '../StyledText';
+import renderer from 'react-test-renderer';
+
+it('renders correctly', () => {
+  const tree = renderer.create(<MonoText>Snapshot test!</MonoText>).toJSON();
+
+  expect(tree).toMatchSnapshot();
+});
-- 
cgit v1.2.3