Fixed Directory Organization and Linting Errors

.eslintrc

@@ -8,6 +8,9 @@
     "import"
   ],
   "rules": {
+    "arrow-parens": "off",
+    "implicit-arrow-linebreak": "off",
+    "react/no-unused-prop-types": "off",
     "import/prefer-default-export": "off",
     "react/require-default-props": "off",
     "object-curly-newline": "off",

.flowconfig

@@ -19,6 +19,9 @@
 ; Ignore metro
 .*/node_modules/metro/.*
 
+; Ignore redux
+.*/app/actions/*
+
 [include]
 
 [libs]

app/actions/shifts.js

@@ -0,0 +1,78 @@
+// @flow
+
+import crud from './utils/crud';
+
+const getAllShifts = () =>
+  crud({
+    dispatch: {
+      begin: 'BEGIN_GET_SHIFTS',
+      end: 'END_GET_SHIFTS',
+      fail: 'FAILED_GET_SHIFTS',
+    },
+    method: 'GET',
+    url: '/api/v1/shifts',
+  });
+
+const updateShift = (id, data) =>
+  crud({
+    dispatch: {
+      begin: 'BEGIN_PUT_SHIFT',
+      end: 'END_PUT_SHIFT',
+      fail: 'FAILED_PUT_SHIFT',
+    },
+    method: 'PUT',
+    url: `/api/v1/shifts/${id}`,
+    data,
+  });
+
+const createShift = data =>
+  crud({
+    dispatch: {
+      begin: 'BEGIN_POST_SHIFT',
+      end: 'END_POST_SHIFT',
+      fail: 'FAILED_POST_SHIFT',
+    },
+    method: 'POST',
+    url: '/api/v1/shifts',
+    data,
+  });
+
+const deleteShift = id =>
+  crud({
+    dispatch: {
+      begin: 'BEGIN_DELETE_SHIFT',
+      end: 'END_DELETE_SHIFT',
+      fail: 'FAILED_DELETE_SHIFT',
+    },
+    method: 'DELETE',
+    url: `/api/v1/shifts/${id}`,
+  });
+
+const addUserToShift = (userID, shiftID) =>
+  crud({
+    dispatch: {
+      begin: 'BEGIN_POST_SHIFT',
+      end: 'END_POST_SHIFT',
+      fail: 'FAILED_POST_SHIFT',
+    },
+    method: 'POST',
+    url: '/api/v1/user/shifts',
+    data: {
+      user_id: userID,
+      shift_id: shiftID,
+    },
+  });
+
+const dragDropUpdate = (oldShifts, newShift) => {
+  // NOTE: There is both a oldShift and oldShifts variable and the same for newShift and newShifts
+  const oldShift = oldShifts.find(shift => shift.id === newShift.id);
+  const index = oldShifts.indexOf(oldShift);
+  const newShifts = [...oldShifts];
+  newShifts.splice(index, 1, newShift);
+  return {
+    type: 'DRAG_DROP',
+    payload: newShifts,
+  };
+};
+
+export { getAllShifts, updateShift, createShift, deleteShift, addUserToShift, dragDropUpdate };

Login/LoginForm.js → app/components/Login/LoginForm.js

@@ -3,9 +3,11 @@
 import React, { Component } from 'react';
 import { View, StyleSheet } from 'react-native';
 
-import { EditText, Button } from '../UI';
+import { EditText, Button } from '../general';
 
-export default class LoginForm extends Component {
+type Props = {}; // TODO: Add props
+
+export default class LoginForm extends Component<Props> {
   render() {
     return (
       <View style={styles.container}>

UI/EditText.js → app/components/general/EditText.js

@@ -3,9 +3,8 @@
 import React, { Component } from 'react';
 import { TextInput, StyleSheet } from 'react-native';
 
-type Props = {
+type Props = TextInput.propTypes & {
   placeholder: string,
-  keyboardType?: boolean,
   secureTextEntry?: boolean,
 };
 
@@ -16,7 +15,7 @@ export default class EditText extends Component<Props> {
       <TextInput
         style={styles.input}
         autoCapitalize="none"
-        onSubmitEditing={() => this.passwordInput.focus()}
+        // onSubmitEditing={() => this.passwordInput.focus()}
         autoCorrect={false}
         keyboardType={keyboardType || 'default'}
         returnKeyType="next"

app/containers/App.js

@@ -0,0 +1,24 @@
+// @flow
+
+import React, { Component } from 'react';
+
+// import { createBottomTabNavigator } from 'react-navigation';
+
+// ui
+// import { Personal, Group, Settings, Availability } from '../components/HomeTabs';
+import Login from './Login';
+
+// const Home = createBottomTabNavigator({
+//   Personal,
+//   Group,
+//   Settings,
+//   Availability,
+// });
+
+type Props = {}; // TODO: Add props
+
+export default class App extends Component<Props> {
+  render() {
+    return <Login />;
+  }
+}

Login/index.js → app/containers/Login.js

@@ -3,20 +3,24 @@
 import React, { Component } from 'react';
 import { KeyboardAvoidingView, View, StyleSheet, Image } from 'react-native';
 
-// ui
-import LoginForm from './LoginForm';
+// components
+import LoginForm from '../components/Login/LoginForm';
+
+// images
+import * as logo from '../images/logo.png';
 
 type Props = {
   // TODO(anesu): Add more accurate types
-  login: any,
-  user: any,
-  loginUser: any,
-  clearError: any,
+  login?: any,
+  user?: any,
+  loginUser?: any,
+  clearError?: any,
 };
 
 export default class Login extends Component<Props> {
   render() {
-    const { login, user, loginUser, clearError } = this.props;
+    // TODO: Use variables below
+    // const { login, user, loginUser, clearError } = this.props;
 
     return (
       <KeyboardAvoidingView behavior="padding" style={styles.container}>
@@ -25,11 +29,11 @@ export default class Login extends Component<Props> {
             resizeMode="contain"
             style={styles.logo}
             // eslint-disable-next-line global-require
-            source={require('../assets/images/logo.png')}
+            source={logo}
           />
         </View>
 
-        <View style={styles.formContainer}>
+        <View>
           <LoginForm />
         </View>
       </KeyboardAvoidingView>

Home.js → app/index.js

@@ -7,14 +7,16 @@ import { Provider } from 'react-redux';
 import { createStore, combineReducers } from 'redux';
 
 // reducers
-import * as allReducers from './app/redux/reducers';
+import * as allReducers from './reducers';
 
 // ui
-import App from './App';
+import App from './containers/App';
 
 const store = createStore(combineReducers(allReducers));
 
-export default class Home extends Component {
+type Props = {}; // TODO: Add props
+
+export default class GTHC extends Component<Props> {
   render() {
     return (
       <Provider store={store}>

app/redux/reducers/index.js → app/reducers/index.js

@@ -1,5 +1,3 @@
-// @flow
-
 export { default as user } from './user';
 export { default as login } from './login';
 export { default as shifts } from './shifts';

app/redux/reducers/login.js → app/reducers/login.js

@@ -1,5 +1,3 @@
-// @flow
-
 const initialState = {
   type: 'login', // login or signup
   signUpData: {

app/redux/reducers/posts.js → app/reducers/posts.js

@@ -1,5 +1,3 @@
-// @flow
-
 const initialState = {
   data: [],
   isLoading: false,

app/redux/reducers/shifts.js → app/reducers/shifts.js

@@ -1,5 +1,3 @@
-// @flow
-
 const initialState = {
   team_shifts: [],
   user_shifts: [],

app/redux/reducers/team.js → app/reducers/team.js

@@ -1,5 +1,3 @@
-// @flow
-
 const initialState = {
   data: {},
   isLoading: false,

app/redux/reducers/user.js → app/reducers/user.js

@@ -1,5 +1,3 @@
-// @flow
-
 const initialState = {
   data: {},
   isLoggedIn: false,

index.js

@@ -1,8 +1,6 @@
 /** @format */
-
 import { AppRegistry } from 'react-native';
-import Home from './Home';
-import Login from './Login';
 
-AppRegistry.registerComponent('GTHC', () => Home);
-AppRegistry.registerComponent('Login', () => Login);
+import GTHC from './app';
+
+AppRegistry.registerComponent('GTHC', () => GTHC);