Jan 29, 2018 · Feb 26, 2018 · Feb 26, 2018 · Feb 26, 2018 · Mar 9, 2018 · Mar 9, 2018
diff --git a/src/main/forms/components/UserForm.react.js b/src/main/forms/components/UserForm.react.js

 type Props = {
  user: User,
  onSubmit: Function,
 }

 const validationSchema = () => {
  })
 }

 const UserForm = ({user}:Props) => {
 const UserForm = ({user, onSubmit}:Props) => {
  return (
    <Formik
      key={user.id}
      key={user.id + user.lastModified.toString()}
      displayName="UserForm"
      onSubmit={(values) =>console.log(values)}
      onSubmit={(values) =>onSubmit(values)}
      initialValues={user}
      validateOnChange={false}
      validationSchema={validationSchema}
diff --git a/src/main/forms/components/UserPage.react.js b/src/main/forms/components/UserPage.react.js
  router: any,
  currentUser: User,
  loadUser: Function,
  saveUser: Function,
 }

 const s = (user: User, saveUser: Function) => {
  console.log('user', user)
  saveUser(user)
 }

 class UserPage extends React.Component<Props> {
  }

  render() {
    const {currentUser} = this.props
    const {currentUser, saveUser} = this.props

    if (currentUser === null) {
      return null
    return (
      <MainMenuTemplate title="Forms: Edit user">
        <Box m={3}>
          <UserForm user={currentUser} />
          <UserForm user={currentUser}onSubmit={(user) => s(user, saveUser)}/>
        </Box>
      </MainMenuTemplate>
    )
diff --git a/src/main/forms/components/UserPage.redux.js b/src/main/forms/components/UserPage.redux.js
 import {connect} from 'react-redux'
 import {selectCurrentUser} from '../store/forms.selectors'

 import {loadUser} from '../store/forms.actions'
 import {loadUser, saveUser} from '../store/forms.actions'
 import UserPage from './UserPage.react'

 import type {FormsState} from '../types/FormsState'
  currentUser: selectCurrentUser(state),
 })

 export default connect(mapStateToProps, {loadUser})(UserPage)
 export default connect(mapStateToProps, {loadUser, saveUser})(UserPage)
diff --git a/src/main/forms/store/forms.actions.js b/src/main/forms/store/forms.actions.js
  id,
 })

 export const saveUser = (user: User): Action => ({
  type: 'FORMS_SAVE_USER',
  user,
 })

 export const setCurrentUser = (currentUser: User): Action => ({
  type: 'FORMS_SET_CURRENT_USER',
  currentUser,
diff --git a/src/main/forms/store/forms.reducer.js b/src/main/forms/store/forms.reducer.js
      country: 'Austria',
    }
  ],
  lastModified: new Date(),
 }

 const user2: User = {
  id: 'okhj7',
  name: 'Gruber',
  email: 'f.gruber@example.com',
  addresses: [],
  lastModified: new Date(),
 }

 const initialState: FormsState = {
 export default (state: FormsState = initialState, action: Action) => {
  switch (action.type) {
    case 'FORMS_SAVE_USER':
      return state
      return {
        ...state,
        users: {
          ...state.users,
          [action.user.id]: {
            ...action.user,
            addresses: [
              ...action.user.addresses,
            ],
            lastModified: new Date(),
          },
        },
      }

    case 'FORMS_LOAD_USER':
      return {
diff --git a/src/main/forms/types/User.js b/src/main/forms/types/User.js
  name: string,
  email: string,
  addresses: Array<Address>,
  lastModified: Date,
 }
Original file line number	Diff line number	Diff line change
Expand Up		@@ -13,6 +13,7 @@ import type {User} from '../types/User.js'

		type Props = {
		user: User,
		onSubmit: Function,
		}

		const validationSchema = () => {
Expand All		@@ -26,12 +27,12 @@ const validationSchema = () => {
		})
		}

		const UserForm = ({user}:Props) => {
		const UserForm = ({user, onSubmit}:Props) => {
		return (
		<Formik
		key={user.id}
		key={user.id + user.lastModified.toString()}
		displayName="UserForm"
		onSubmit={(values) =>console.log(values)}
		onSubmit={(values) =>onSubmit(values)}
		initialValues={user}
		validateOnChange={false}
		validationSchema={validationSchema}
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -12,6 +12,12 @@ type Props = {
		router: any,
		currentUser: User,
		loadUser: Function,
		saveUser: Function,
		}

		const s = (user: User, saveUser: Function) => {
		console.log('user', user)
		saveUser(user)
		}

		class UserPage extends React.Component<Props> {
Expand All		@@ -23,7 +29,7 @@ class UserPage extends React.Component<Props> {
		}

		render() {
		const {currentUser} = this.props
		const {currentUser, saveUser} = this.props

		if (currentUser === null) {
		return null
Expand All		@@ -32,7 +38,7 @@ class UserPage extends React.Component<Props> {
		return (
		<MainMenuTemplate title="Forms: Edit user">
		<Box m={3}>
		<UserForm user={currentUser} />
		<UserForm user={currentUser}onSubmit={(user) => s(user, saveUser)}/>
		</Box>
		</MainMenuTemplate>
		)
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -2,7 +2,7 @@
		import {connect} from 'react-redux'
		import {selectCurrentUser} from '../store/forms.selectors'

		import {loadUser} from '../store/forms.actions'
		import {loadUser, saveUser} from '../store/forms.actions'
		import UserPage from './UserPage.react'

		import type {FormsState} from '../types/FormsState'
Expand All		@@ -11,4 +11,4 @@ const mapStateToProps = (state: FormsState) => ({
		currentUser: selectCurrentUser(state),
		})

		export default connect(mapStateToProps, {loadUser})(UserPage)
		export default connect(mapStateToProps, {loadUser, saveUser})(UserPage)
Original file line number	Diff line number	Diff line change
Expand Up		@@ -8,6 +8,11 @@ export const loadUser = (id: string): Action => ({
		id,
		})

		export const saveUser = (user: User): Action => ({
		type: 'FORMS_SAVE_USER',
		user,
		})

		export const setCurrentUser = (currentUser: User): Action => ({
		type: 'FORMS_SET_CURRENT_USER',
		currentUser,
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -21,13 +21,15 @@ const user1: User = {
		country: 'Austria',
		}
		],
		lastModified: new Date(),
		}

		const user2: User = {
		id: 'okhj7',
		name: 'Gruber',
		email: 'f.gruber@example.com',
		addresses: [],
		lastModified: new Date(),
		}

		const initialState: FormsState = {
Expand All		@@ -41,7 +43,19 @@ const initialState: FormsState = {
		export default (state: FormsState = initialState, action: Action) => {
		switch (action.type) {
		case 'FORMS_SAVE_USER':
		return state
		return {
		...state,
		users: {
		...state.users,
		[action.user.id]: {
		...action.user,
		addresses: [
		...action.user.addresses,
		],
		lastModified: new Date(),
		},
		},
		}

		case 'FORMS_LOAD_USER':
		return {
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -6,4 +6,5 @@ export type User = {
		name: string,
		email: string,
		addresses: Array<Address>,
		lastModified: Date,
		}