Merge pull request #1 from timjam/feature/simpleSignInFunctionality

Feature/simple sign in functionality. Not finished yet. Merging to master for presentation

Author: timjam

.eslintrc.js

@@ -0,0 +1,21 @@
+{
+    "parser": "babel-eslint",
+    "env": {
+      "browser": true
+    },
+    "plugins": [
+      "react"
+    ],
+    "extends": [
+      "airbnb"
+    ],
+    "rules": {
+      "arrow-body-style": "off",
+      "react/jsx-filename-extension": [2, { "extensions": [".js", ".jsx"] }],
+      "react/forbid-prop-types": [0],
+      "react/require-default-props": [0],
+      "arrow-parens": [0],
+      "no-underscore-dangle": [0],
+      "react/prefer-stateless-function": [0]
+    }
+  }

.eslintrc.json

@@ -0,0 +1,7 @@
+{
+	"folders": [
+		{
+			"path": "."
+		}
+	]
+}

App.js

@@ -188,8 +188,11 @@ android {
 }
 
 dependencies {
+    implementation project(':react-native-vector-icons')
     implementation fileTree(dir: "libs", include: ["*.jar"])
     implementation "com.facebook.react:react-native:+"  // From node_modules
+    implementation 'androidx.appcompat:appcompat:1.1.0-rc01'
+    implementation 'androidx.swiperefreshlayout:swiperefreshlayout:1.1.0-alpha02'
 
     if (enableHermes) {
       def hermesPath = "../../node_modules/hermesvm/android/";

RosterRN_WS.code-workspace

@@ -7,6 +7,7 @@
 import com.facebook.hermes.reactexecutor.HermesExecutorFactory;
 import com.facebook.react.bridge.JavaScriptExecutorFactory;
 import com.facebook.react.ReactApplication;
+import com.oblador.vectoricons.VectorIconsPackage;
 import com.facebook.react.ReactNativeHost;
 import com.facebook.react.ReactPackage;
 import com.facebook.soloader.SoLoader;

android/app/build.gradle

@@ -1,3 +1,5 @@
 rootProject.name = 'RosterRN'
+include ':react-native-vector-icons'
+project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')
 apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings)
 include ':app'

android/app/src/main/assets/fonts/AntDesign.ttf

@@ -0,0 +1,35 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { View } from 'react-native';
+import DropDownAlert from 'react-native-dropdownalert';
+
+class AlertProvider extends Component {
+  static childContextTypes = {
+    alertWithType: PropTypes.func,
+    alert: PropTypes.func,
+  }
+
+  static propTypes = {
+    children: PropTypes.any,
+  }
+
+  getChildContext() {
+    return {
+      alert: (...args) => this.dropdown.alert(...args),
+      alertWithType: (...args) => this.dropdown.alertWithType(...args),
+    };
+  }
+
+  render() {
+    return (
+      <View style={{ flex: 1 }}>
+        {React.Children.only(this.props.children)}
+        <DropDownAlert
+          ref={(ref) => { this.dropdown = ref; }}
+        />
+      </View>
+    );
+  }
+}
+
+export default AlertProvider;

android/app/src/main/assets/fonts/Entypo.ttf

@@ -0,0 +1,26 @@
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import hoistNonReactStatic from 'hoist-non-react-statics';
+
+const connectAlert = (WrappedComponent) => {
+  class ConnectedAlert extends Component {
+    render() {
+      return (
+        <WrappedComponent
+          {...this.props}
+          alertWithType={this.context.alertWithType}
+          alert={this.context.alert}
+        />
+      );
+    }
+  }
+
+  ConnectedAlert.contextTypes = {
+    alertWithType: PropTypes.func,
+    alert: PropTypes.func,
+  };
+
+  return hoistNonReactStatic(ConnectedAlert, WrappedComponent);
+};
+
+export default connectAlert;

android/app/src/main/assets/fonts/EvilIcons.ttf

@@ -0,0 +1,7 @@
+import AlertProvider from './AlertProvider';
+import connectAlert from './connectAlert';
+
+export {
+    AlertProvider,
+    connectAlert,
+};

android/app/src/main/assets/fonts/Feather.ttf

@@ -0,0 +1,28 @@
+import React from 'react';
+import { PropTypes } from 'prop-types';
+import { View, ScrollView } from 'react-native';
+import styles from './styles';
+
+const Container = ({ scroll, children, passProps }) => {
+  if (scroll === true) {
+    return (
+      <ScrollView style={styles.scrollView} {...passProps}>
+        {children}
+      </ScrollView>
+    );
+  }
+
+  return (
+    <View style={styles.view} {...passProps}>
+      {children}
+    </View>
+  );
+};
+
+Container.propTypes = {
+  scroll: PropTypes.bool,
+  children: PropTypes.any,
+  passProps: PropTypes.object,
+};
+
+export default Container;

android/app/src/main/assets/fonts/FontAwesome.ttf

@@ -0,0 +1,3 @@
+import Container from './Container';
+
+export default Container;

android/app/src/main/assets/fonts/FontAwesome5_Brands.ttf

@@ -0,0 +1,13 @@
+import { create } from 'react-native-platform-stylesheet';
+import colors from '../../config/colors';
+
+export default create({
+  view: {
+    flex: 1,
+    justifyContent: 'center',
+    backgroundColor: colors.background,
+  },
+  scrollView: {
+    backgroundColor: colors.background,
+  },
+});

android/app/src/main/assets/fonts/FontAwesome5_Regular.ttf

@@ -0,0 +1,31 @@
+import React, { Component } from 'react';
+import { PropTypes } from 'prop-types';
+import { View } from 'react-native';
+import { FormLabel, FormInput, FormValidationMessage } from 'react-native-elements';
+import styles from '../Container/styles';
+
+// Might not need this component yet at all
+
+class Input extends Component {
+  render() {
+    return (
+      <View>
+        <FormLabel>{this.props.label}</FormLabel>
+        <FormInput
+          autoCapitalize="none"
+          autoCorrect={false}
+          inputStyle={styles.input}
+          {...this.props}
+        />
+        <FormValidationMessage>{this.props.validationMessage}</FormValidationMessage>
+      </View>
+    );
+  }
+}
+
+Input.propTypes = {
+  label: PropTypes.string,
+  validationMessage: PropTypes.string,
+};
+
+export default Input;

android/app/src/main/assets/fonts/FontAwesome5_Solid.ttf

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Text } from 'react-native';
+import styles from './styles';
+
+const LinkText = (props) => (
+  <Text
+    style={styles.linkText}
+    onPress={props.onPress}
+  >
+    {props.children}
+  </Text>
+);
+
+LinkText.propTypes = {
+  children: PropTypes.string,
+  onPress: PropTypes.func,
+};
+
+export default LinkText;

android/app/src/main/assets/fonts/Fontisto.ttf

@@ -0,0 +1,4 @@
+/* eslint-disable import/prefer-default-export */
+import LinkText from './LinkText';
+
+export { LinkText };

android/app/src/main/assets/fonts/Foundation.ttf

@@ -0,0 +1,10 @@
+import { StyleSheet } from 'react-native';
+import colors from '../../config/colors';
+
+export default StyleSheet.create({
+  linkText: {
+    fontSize: 14,
+    color: colors.linkText,
+    marginVertical: 10,
+  },
+});

android/app/src/main/assets/fonts/Ionicons.ttf

@@ -0,0 +1,9 @@
+export default {
+  primary: '#3B5998',
+  background: '#f7f7f7',
+  defaultText: '#181818',
+  iconSubtle: '#a2a2a2',
+  textSubtle: '#848484',
+  red: '#F44336',
+  linkText: '#3792cb',
+};

android/app/src/main/assets/fonts/MaterialCommunityIcons.ttf

@@ -0,0 +1,6 @@
+export default {
+  // This is currently localhost at home. Android
+  // requires the whole IP address instead of just
+  // localhost
+  SERVER_URL: 'http://192.168.1.101',
+};