Fixed User Signup Errors

    * need to conver signup to functional and use hooks

Author: bpalomino5

src/components/app/actions/user.js

@@ -1,9 +1,7 @@
 // import { normalize } from 'normalizr';
 import { createAction } from 'redux-actions';
 // import { schema } from '../../../utils';
-import { db, auth } from '../../../firebase';
-
-export const createUser = () => {};
+import { db, auth, User } from '../../../firebase';
 
 export const setUser = createAction('SET_USER', async (authUser) => {
   const user = await db.get('users')(authUser.uid);
@@ -16,4 +14,9 @@ export const loginUser = createAction('LOGIN', async ({ email, password }) => {
   return user;
 });
 
+export const createUser = createAction('CREATE_USER', async ({ uid, ...values }) => {
+  const id = await User.create(uid)(values);
+  return { id, ...values };
+});
+
 export const logoutUser = createAction('LOGOUT', auth.signOutUser);

src/components/app/reducers/user.js

@@ -1,5 +1,5 @@
 import { handleActions } from 'redux-actions';
-import { setUser, loginUser, logoutUser } from '../actions';
+import { setUser, loginUser, logoutUser, createUser } from '../actions';
 
 const reducer = handleActions(
   {
@@ -12,6 +12,9 @@ const reducer = handleActions(
     [logoutUser]: {
       FULFILLED: () => ({}),
     },
+    [createUser]: {
+      FULFILLED: (state, action) => action.payload,
+    },
   },
   {},
 );

src/components/shared/navbar/Navbar.jsx

@@ -15,6 +15,7 @@ import {
   DropdownMenu,
 } from 'reactstrap';
 
+import { isEmpty } from 'lodash';
 import logo from '../../../assets/logo-circle.png';
 import useUser from '../../../hooks/use-user';
 
@@ -72,7 +73,7 @@ const Navbar = () => {
             {user ? (
               <UncontrolledDropdown nav inNavbar>
                 <DropdownToggle nav caret>
-                  {user.preferred_name}
+                  {isEmpty(user.preferred_name) ? user.full_name : user.preferred_name}
                 </DropdownToggle>
                 <DropdownMenu right>
                   <Link style={{ textDecoration: 'none' }} to={`/profile/${ user.id }`}>

src/components/sign-up-login/components/sign-up/SignUp.jsx

@@ -33,7 +33,6 @@ class SignUp extends Component {
     const { history } = this.props;
     delete profile.password;
     await User.create(uid)(profile);
-
     history.push('/');
   };
 

src/firebase/db/User.js

@@ -1,3 +1,4 @@
+/* eslint import/prefer-default-export: 0 */
 import { compose, formatProps, getRefFromPath, finalizeDocument } from './shared';
 
 /**
@@ -29,4 +30,4 @@ const create = userId => props =>
     getRefFromPath('users'),
   )(userId);
 
-export default { create };
+export { create };