Uploading new user...
+ return (
+ users.length ?
+
Sign In
@@ -39,7 +41,10 @@ const validate = ({ email, password }) => {
return errors
}
-export default reduxForm({
+export default connect(state => ({
+ loading: loadingSelector(state),
+ authError: errorSelector(state)
+}))(reduxForm({
form: 'auth',
validate
-})(SignUpForm)
\ No newline at end of file
+})(SignUpForm))
\ No newline at end of file
diff --git a/admin-panel/src/components/common/ErrorField.js b/admin-panel/src/components/common/ErrorField.js
index e9b16d5..50fe711 100644
--- a/admin-panel/src/components/common/ErrorField.js
+++ b/admin-panel/src/components/common/ErrorField.js
@@ -1,20 +1,15 @@
-import React, { Component } from 'react'
-
-class ErrorField extends Component {
- static propTypes = {
-
- };
-
- render() {
- const {input, meta: { error, touched }, type} = this.props
- const errorMessage = error && touched &&
{error}
- return (
-
-
- )
- }
+import React from 'react'
+
+function ErrorField(props) {
+ const {label, input, type, meta: {error, touched}} = props
+ const errorText = touched && error &&
{error}
+ return (
+
+ {label || input.name}
+
+ )
}
export default ErrorField
\ No newline at end of file
diff --git a/admin-panel/src/components/common/Loader.js b/admin-panel/src/components/common/Loader.js
new file mode 100644
index 0000000..9418787
--- /dev/null
+++ b/admin-panel/src/components/common/Loader.js
@@ -0,0 +1,12 @@
+import React from 'react'
+
+function Loader() {
+ return (
+
Loading...
+ )
+}
+
+Loader.propTypes = {
+}
+
+export default Loader
\ No newline at end of file
diff --git a/admin-panel/src/components/events/EventsTable.js b/admin-panel/src/components/events/EventsTable.js
new file mode 100644
index 0000000..432e7a1
--- /dev/null
+++ b/admin-panel/src/components/events/EventsTable.js
@@ -0,0 +1,41 @@
+import React, { Component } from 'react'
+import {connect} from 'react-redux'
+import {fetchAllEvents, selectEvent, eventListSelector, loadedSelector, loadingSelector} from '../../ducks/events'
+import Loader from '../common/Loader'
+
+export class EventsTable extends Component {
+ static propTypes = {
+
+ };
+
+ componentDidMount() {
+ this.props.fetchAllEvents()
+ }
+
+ render() {
+ if (this.props.loading) return
+ return (
+
+ )
+ }
+
+ getRows = () => this.props.events.map(this.getRow)
+
+ getRow = (event) => (
+
this.props.selectEvent(event.uid)}>
+ {event.title}
+ {event.when}
+ {event.where}
+
+ )
+}
+
+export default connect((state) => ({
+ events: eventListSelector(state),
+ loading: loadingSelector(state),
+ loaded: loadedSelector(state)
+}), { fetchAllEvents, selectEvent })(EventsTable)
\ No newline at end of file
diff --git a/admin-panel/src/components/events/EventsTable.test.js b/admin-panel/src/components/events/EventsTable.test.js
new file mode 100644
index 0000000..4cf75c1
--- /dev/null
+++ b/admin-panel/src/components/events/EventsTable.test.js
@@ -0,0 +1,48 @@
+import React from 'react'
+import {shallow} from 'enzyme'
+import events from '../../mocks/conferences'
+
+import {EventsTable} from './EventsTable'
+import Loader from '../common/Loader'
+
+const eventList = events.map(event => ({...event, uid: Math.random()}))
+
+describe('Events Table', () => {
+ it('should render a loader', () => {
+ const table = shallow(
, { disableLifecycleMethods: true })
+
+ expect(table.contains(
))
+ });
+
+ it('should render N rows', () => {
+ const table = shallow(
, { disableLifecycleMethods: true })
+
+ expect(table.find('.test__event_table_row').length).toBe(eventList.length)
+ });
+
+ it('should request fetch all events', function (done) {
+ shallow(
done()}
+ />)
+ });
+
+ it('should select an event', () => {
+ let selected = null
+
+ const table = shallow( selected = uid}
+ />, { disableLifecycleMethods: true })
+
+ table.find('.test__event_table_row').first().simulate('click')
+
+ expect(selected).toEqual(eventList[0].uid)
+
+ });
+
+});
\ No newline at end of file
diff --git a/admin-panel/src/components/events/EventsTableVirtualized.js b/admin-panel/src/components/events/EventsTableVirtualized.js
new file mode 100644
index 0000000..c4f8c3e
--- /dev/null
+++ b/admin-panel/src/components/events/EventsTableVirtualized.js
@@ -0,0 +1,55 @@
+import React, { Component } from 'react'
+import {connect} from 'react-redux'
+import {fetchAllEvents, selectEvent, eventListSelector, loadedSelector, loadingSelector} from '../../ducks/events'
+import Loader from '../common/Loader'
+import {Table, Column} from 'react-virtualized'
+import 'react-virtualized/styles.css'
+
+export class EventsTableVirtualized extends Component {
+ static propTypes = {
+
+ };
+
+ componentDidMount() {
+ this.props.fetchAllEvents()
+ }
+
+ render() {
+ if (this.props.loading) return
+
+ }
+
+ rowRenderer = ({ style, index, key }) => {
+ const person = this.props.people[index]
+ return (
+
+
{person.firstName} {person.lastName}
+ {person.email}
+
+ )
+ }
+
+ getRow = (person) => (
+
+ {person.firstName}
+ {person.lastName}
+ {person.email}
+
+ )
+}
+
+export default connect((state) => ({
+ people: peopleListSelector(state)
+}))(PeopleList)
\ No newline at end of file
diff --git a/admin-panel/src/components/people/PeopleTable.js b/admin-panel/src/components/people/PeopleTable.js
new file mode 100644
index 0000000..c658acf
--- /dev/null
+++ b/admin-panel/src/components/people/PeopleTable.js
@@ -0,0 +1,33 @@
+import React, { Component } from 'react'
+import {connect} from 'react-redux'
+import {peopleListSelector} from '../../ducks/people'
+
+class PeopleTable extends Component {
+ static propTypes = {
+
+ };
+
+ render() {
+ return (
+
+ )
+ }
+
+ getRows = () => this.props.people.map(this.getRow)
+
+ getRow = (person) => (
+
+ {person.firstName}
+ {person.lastName}
+ {person.email}
+
+ )
+}
+
+export default connect((state) => ({
+ people: peopleListSelector(state)
+}))(PeopleTable)
\ No newline at end of file
diff --git a/admin-panel/src/components/routes/EventsPage.js b/admin-panel/src/components/routes/EventsPage.js
new file mode 100644
index 0000000..eedf79d
--- /dev/null
+++ b/admin-panel/src/components/routes/EventsPage.js
@@ -0,0 +1,18 @@
+import React, { Component } from 'react'
+import EventsTableVirtualized from '../events/EventsTableVirtualized'
+
+class EventsPage extends Component {
+ static propTypes = {
+
+ };
+
+ render() {
+ return (
+
+
+ )
+ }
+}
+
+export default EventsPage
\ No newline at end of file
diff --git a/admin-panel/src/components/routes/PersonPage.js b/admin-panel/src/components/routes/PersonPage.js
new file mode 100644
index 0000000..9bf8df9
--- /dev/null
+++ b/admin-panel/src/components/routes/PersonPage.js
@@ -0,0 +1,23 @@
+import React, { Component } from 'react'
+import {connect} from 'react-redux'
+import {addPerson} from '../../ducks/people'
+import NewPersonForm from '../people/NewPersonForm'
+import PeopleList from '../people/PeopleList'
+
+class PersonPage extends Component {
+ static propTypes = {
+
+ };
+
+ render() {
+ return (
+
+ )
+ }
+}
+
+export default connect(null, {addPerson})(PersonPage)
\ No newline at end of file
diff --git a/admin-panel/src/components/routes/Users.js b/admin-panel/src/components/routes/Users.js
new file mode 100644
index 0000000..82dd334
--- /dev/null
+++ b/admin-panel/src/components/routes/Users.js
@@ -0,0 +1,24 @@
+import React, { Component } from 'react'
+import {Route, NavLink} from 'react-router-dom'
+import {connect} from 'react-redux'
+import {addUser} from '../../ducks/users'
+import UsersList from '../Users'
+
+class Users extends Component {
+ render() {
+ return (
+
+ )
+ }
+
+ onAddUser = ({firstName, lastName, email}) => this.props.addUser({firstName, lastName, email})
+
+}
+
+export default connect(null, { addUser })(Users)
\ No newline at end of file
diff --git a/admin-panel/src/config.js b/admin-panel/src/config.js
index 65bba00..a24ff65 100644
--- a/admin-panel/src/config.js
+++ b/admin-panel/src/config.js
@@ -1,14 +1,14 @@
import firebase from 'firebase'
-export const appName = 'advreact-04-12'
+export const appName = 'react-adv'
const config = {
- apiKey: "AIzaSyCmDWlgYIhtEr1pWjgKYds3iXKWBl9wbjE",
+ apiKey: "AIzaSyAs8-oh5yTEUxC5KQSOSZpaE8xReLZk0qQ",
authDomain: `${appName}.firebaseapp.com`,
databaseURL: `https://${appName}.firebaseio.com`,
projectId: appName,
- storageBucket: "",
- messagingSenderId: "95255462276"
+ storageBucket: `${appName}.appspot.com`,
+ messagingSenderId: "857981968367"
}
firebase.initializeApp(config)
\ No newline at end of file
diff --git a/admin-panel/src/ducks/auth.js b/admin-panel/src/ducks/auth.js
index f031871..92ed143 100644
--- a/admin-panel/src/ducks/auth.js
+++ b/admin-panel/src/ducks/auth.js
@@ -1,6 +1,9 @@
+import {all, takeEvery, take, put, apply, call} from 'redux-saga/effects'
import {appName} from '../config'
+import {createSelector} from 'reselect'
import {Record} from 'immutable'
import firebase from 'firebase'
+import {replace} from 'react-router-redux'
/**
* Constants
@@ -8,10 +11,15 @@ import firebase from 'firebase'
export const moduleName = 'auth'
const prefix = `${appName}/${moduleName}`
+export const SIGN_IN_REQUEST = `${prefix}/SIGN_IN_REQUEST`
export const SIGN_IN_START = `${prefix}/SIGN_IN_START`
export const SIGN_IN_SUCCESS = `${prefix}/SIGN_IN_SUCCESS`
+export const SIGN_IN_ERROR = `${prefix}/SIGN_IN_ERROR`
+
+export const SIGN_UP_REQUEST = `${prefix}/SIGN_UP_REQUEST`
export const SIGN_UP_START = `${prefix}/SIGN_UP_START`
export const SIGN_UP_SUCCESS = `${prefix}/SIGN_UP_SUCCESS`
+export const SIGN_UP_ERROR = `${prefix}/SIGN_UP_ERROR`
/**
* Reducer
@@ -28,13 +36,22 @@ export default function reducer(state = new ReducerRecord(), action) {
switch (type) {
case SIGN_IN_START:
case SIGN_UP_START:
- return state.set('loading', true)
+ return state
+ .set('error', null)
+ .set('loading', true)
case SIGN_IN_SUCCESS:
case SIGN_UP_SUCCESS:
return state
.set('loading', false)
.set('user', payload.user)
+
+ case SIGN_IN_ERROR:
+ case SIGN_UP_ERROR:
+ return state
+ .set('loading', false)
+ .set('error', payload.error.message)
+
default:
return state
}
@@ -44,43 +61,94 @@ export default function reducer(state = new ReducerRecord(), action) {
* Selectors
* */
-export const userSelector = state => state[moduleName].user
+export const stateSelector = state => state[moduleName]
+export const userSelector = createSelector(stateSelector, state => state.user)
+export const errorSelector = createSelector(stateSelector, state => state.error)
+export const loadingSelector = createSelector(stateSelector, state => state.loading)
/**
* Action Creators
* */
-export function signIn(email, password) {
- return (dispatch) => {
- dispatch({
- type: SIGN_IN_START
- })
-
- firebase.auth().signInWithEmailAndPassword(email, password)
- .then(user => dispatch({
- type: SIGN_IN_SUCCESS,
- payload: { user }
- }))
+export function signUp(email, password) {
+ return {
+ type: SIGN_UP_REQUEST,
+ payload: { email, password }
}
}
-export function signUp(email, password) {
- return (dispatch) => {
- dispatch({
- type: SIGN_UP_START
- })
- firebase.auth().createUserWithEmailAndPassword(email, password)
- .then(user => dispatch({
- type: SIGN_UP_SUCCESS,
- payload: { user }
- }))
+export function signIn(email, password) {
+ return {
+ type: SIGN_IN_REQUEST,
+ payload: { email, password }
}
}
+
firebase.auth().onAuthStateChanged(user => {
if (user) window.store.dispatch({
type: SIGN_IN_SUCCESS,
payload: { user }
})
-})
\ No newline at end of file
+})
+
+/**
+ * Sagas
+ */
+
+export const signUpSaga = function * () {
+ while (true) {
+ const action = yield take(SIGN_UP_REQUEST)
+ const {email, password} = action.payload
+
+ yield put({
+ type: SIGN_UP_START
+ })
+
+ try {
+ const auth = firebase.auth()
+ yield call([auth, auth.createUserWithEmailAndPassword], email, password)
+ } catch (error) {
+ yield put({
+ type: SIGN_UP_ERROR,
+ payload: {error}
+ })
+ }
+ }
+}
+
+export const signInSaga = function * (action) {
+ const { email, password } = action.payload
+
+ yield put({
+ type: SIGN_IN_START
+ })
+
+ try {
+ const auth = firebase.auth()
+ yield apply(auth, auth.signInWithEmailAndPassword, [email, password])
+ } catch (error) {
+ yield put({
+ type: SIGN_IN_ERROR,
+ payload: { error }
+ })
+ }
+}
+
+export function * watchStatusChangeSaga() {
+ while (true) {
+ yield take(SIGN_IN_SUCCESS)
+
+ yield (put(replace('/events')))
+ }
+}
+
+
+export const saga = function * () {
+ yield all([
+ takeEvery(SIGN_IN_REQUEST, signInSaga),
+ signUpSaga(),
+ watchStatusChangeSaga()
+ ])
+}
\ No newline at end of file
diff --git a/admin-panel/src/ducks/auth.test.js b/admin-panel/src/ducks/auth.test.js
new file mode 100644
index 0000000..ab502c2
--- /dev/null
+++ b/admin-panel/src/ducks/auth.test.js
@@ -0,0 +1,110 @@
+import firebase from 'firebase'
+import reducer, {
+ signUpSaga, signInSaga, watchStatusChangeSaga,
+ SIGN_UP_REQUEST, SIGN_UP_START, SIGN_UP_SUCCESS, SIGN_UP_ERROR,
+ SIGN_IN_REQUEST, SIGN_IN_START, SIGN_IN_SUCCESS, SIGN_IN_ERROR,
+ ReducerRecord
+} from './auth'
+import {take, call, put} from 'redux-saga/effects'
+import {replace} from 'react-router-redux'
+
+/**
+ * Saga tests
+ * */
+
+it('should sign up', () => {
+ const saga = signUpSaga()
+ const auth = firebase.auth()
+ const authData = {
+ email: 'lala@example.com',
+ password: '12341234'
+ }
+
+ const user = {
+ email: authData.email,
+ uid: Math.random().toString()
+ }
+
+ const requestAction = {
+ type: SIGN_UP_REQUEST,
+ payload: authData
+ }
+
+ expect(saga.next().value).toEqual(take(SIGN_UP_REQUEST))
+
+ expect(saga.next(requestAction).value).toEqual(put({type: SIGN_UP_START}))
+
+ expect(saga.next(requestAction).value).toEqual(call(
+ [auth, auth.createUserWithEmailAndPassword],
+ authData.email, authData.password
+ ))
+
+ const error = new Error
+
+ expect(saga.throw(error).value).toEqual(put({
+ type: SIGN_UP_ERROR,
+ payload: {error}
+ }))
+})
+
+it('should sign in', () => {
+ const auth = firebase.auth()
+ const authData = {
+ email: 'lala@example.com',
+ password: '12341234'
+ }
+
+ const user = {
+ email: authData.email,
+ uid: Math.random().toString()
+ }
+
+ const requestAction = {
+ type: SIGN_IN_REQUEST,
+ payload: authData
+ }
+
+ const saga = signInSaga(requestAction)
+
+ expect(saga.next().value).toEqual(put({type: SIGN_IN_START}))
+
+ expect(saga.next().value).toEqual(call(
+ [auth, auth.signInWithEmailAndPassword],
+ authData.email, authData.password
+ ))
+
+ const error = new Error
+
+ expect(saga.throw(error).value).toEqual(put({
+ type: SIGN_IN_ERROR,
+ payload: {error}
+ }))
+})
+
+it('should redirect', () => {
+ const saga = watchStatusChangeSaga()
+
+ expect(saga.next().value).toEqual(take(SIGN_IN_SUCCESS))
+
+ expect(saga.next().value).toEqual(put(replace('/events')))
+})
+
+/**
+ * Reducer Tests
+ * */
+
+it('should sign in', () => {
+ const state = new ReducerRecord()
+ const user = {
+ email: 'lala@example.com',
+ uid: Math.random().toString()
+ }
+
+ const newState = reducer(state, {
+ type: SIGN_IN_SUCCESS,
+ payload: {user}
+ })
+
+ expect(newState).toEqual(new ReducerRecord({user}))
+})
+
diff --git a/admin-panel/src/ducks/events.js b/admin-panel/src/ducks/events.js
new file mode 100644
index 0000000..f13e342
--- /dev/null
+++ b/admin-panel/src/ducks/events.js
@@ -0,0 +1,116 @@
+import {all, takeEvery, put, call} from 'redux-saga/effects'
+import {appName} from '../config'
+import {Record, OrderedSet, OrderedMap} from 'immutable'
+import firebase from 'firebase'
+import {createSelector} from 'reselect'
+import {fbToEntities} from './utils'
+
+/**
+ * Constants
+ * */
+export const moduleName = 'events'
+const prefix = `${appName}/${moduleName}`
+
+export const FETCH_ALL_REQUEST = `${prefix}/FETCH_ALL_REQUEST`
+export const FETCH_ALL_START = `${prefix}/FETCH_ALL_START`
+export const FETCH_ALL_SUCCESS = `${prefix}/FETCH_ALL_SUCCESS`
+
+export const SELECT = `${prefix}/SELECT`
+
+/**
+ * Reducer
+ * */
+export const ReducerRecord = Record({
+ loading: false,
+ loaded: false,
+ selected: new OrderedSet(),
+ entities: new OrderedMap({})
+})
+
+export const EventRecord = Record({
+ uid: null,
+ month: null,
+ submissionDeadline: null,
+ title: null,
+ url: null,
+ when: null,
+ where: null
+})
+
+export default function reducer(state = new ReducerRecord(), action) {
+ const {type, payload} = action
+
+ switch (type) {
+ case FETCH_ALL_START:
+ return state.set('loading', true)
+
+ case FETCH_ALL_SUCCESS:
+ return state
+ .set('loading', false)
+ .set('loaded', true)
+ .set('entities', fbToEntities(payload, EventRecord))
+
+ case SELECT:
+ return state.update('selected', selected => selected.has(payload.uid)
+ ? selected.remove(payload.uid)
+ : selected.add(payload.uid)
+ )
+
+ default:
+ return state
+ }
+}
+
+/**
+ * Selectors
+ * */
+
+export const stateSelector = state => state[moduleName]
+export const entitiesSelector = createSelector(stateSelector, state => state.entities)
+export const loadingSelector = createSelector(stateSelector, state => state.loading)
+export const loadedSelector = createSelector(stateSelector, state => state.loaded)
+export const eventListSelector = createSelector(entitiesSelector, entities => entities.valueSeq().toArray())
+
+/**
+ * Action Creators
+ * */
+
+export function fetchAllEvents() {
+ return {
+ type: FETCH_ALL_REQUEST
+ }
+}
+
+export function selectEvent(uid) {
+ return {
+ type: SELECT,
+ payload: { uid }
+ }
+}
+
+/**
+ * Sagas
+ * */
+
+export function* fetchAllSaga() {
+ const ref = firebase.database().ref('events')
+
+ yield put({
+ type: FETCH_ALL_START
+ })
+
+ const snapshot = yield call([ref, ref.once], 'value')
+
+ console.log('---', snapshot)
+
+ yield put({
+ type: FETCH_ALL_SUCCESS,
+ payload: snapshot.val()
+ })
+}
+
+export function* saga() {
+ yield all([
+ takeEvery(FETCH_ALL_REQUEST, fetchAllSaga)
+ ])
+}
\ No newline at end of file
diff --git a/admin-panel/src/ducks/people.js b/admin-panel/src/ducks/people.js
new file mode 100644
index 0000000..9a5f996
--- /dev/null
+++ b/admin-panel/src/ducks/people.js
@@ -0,0 +1,81 @@
+import {appName} from '../config'
+import {Record, OrderedMap} from 'immutable'
+import {createSelector} from 'reselect'
+import {put, call, all, takeEvery} from 'redux-saga/effects'
+import {reset} from 'redux-form'
+import {generateId} from './utils'
+
+/**
+ * Constants
+ * */
+export const moduleName = 'people'
+const prefix = `${appName}/${moduleName}`
+export const ADD_PERSON = `${prefix}/ADD_PERSON`
+export const ADD_PERSON_SUCCESS = `${prefix}/ADD_PERSON_SUCCESS`
+
+/**
+ * Reducer
+ * */
+const ReducerState = Record({
+ entities: new OrderedMap({})
+})
+
+const PersonRecord = Record({
+ id: null,
+ firstName: null,
+ lastName: null,
+ email: null
+})
+
+export default function reducer(state = new ReducerState(), action) {
+ const {type, payload} = action
+
+ switch (type) {
+ case ADD_PERSON_SUCCESS:
+ return state.setIn(['entities', payload.uid],new PersonRecord(payload))
+
+ default:
+ return state
+ }
+}
+
+/**
+ * Selectors
+ * */
+export const stateSelector = state => state[moduleName]
+export const entitiesSelector = createSelector(stateSelector, state => state.entities)
+export const peopleListSelector = createSelector(entitiesSelector, entities => entities.valueSeq().toArray())
+
+/**
+ * Action Creators
+ * */
+
+export function addPerson(person) {
+ return {
+ type: ADD_PERSON,
+ payload: { person }
+ }
+}
+
+/**
+ * Sagas
+ */
+
+export const addPersonSaga = function * (action) {
+ const { person } = action.payload
+
+ const uid = yield call(generateId)
+
+ yield put({
+ type: ADD_PERSON_SUCCESS,
+ payload: {uid, ...person}
+ })
+
+ yield put(reset('person'))
+}
+
+export const saga = function * () {
+ yield all([
+ takeEvery(ADD_PERSON, addPersonSaga)
+ ])
+}
\ No newline at end of file
diff --git a/admin-panel/src/ducks/people.test.js b/admin-panel/src/ducks/people.test.js
new file mode 100644
index 0000000..d24f765
--- /dev/null
+++ b/admin-panel/src/ducks/people.test.js
@@ -0,0 +1,35 @@
+import {call, put} from 'redux-saga/effects'
+import {addPersonSaga, ADD_PERSON, ADD_PERSON_SUCCESS} from './people'
+import {reset} from 'redux-form'
+import {generateId} from './utils'
+
+describe('people saga', () => {
+ it('should add person', () => {
+ const person = {
+ firstName: 'Roman',
+ lastName: 'Iakobchuk',
+ email: 'r.iakobchuk@javascript.ru'
+ }
+
+ const action = {
+ type: ADD_PERSON,
+ payload: { person }
+ }
+
+ const generator = addPersonSaga(action)
+
+ expect(generator.next().value).toEqual(call(generateId))
+
+ const uid = generateId()
+
+ expect(generator.next(uid).value).toEqual(put({
+ type: ADD_PERSON_SUCCESS,
+ payload: {uid, ...person}
+ }))
+
+ expect(generator.next().value).toEqual(put(reset('person')))
+
+ expect(generator.next().done).toBe(true)
+
+ });
+});
\ No newline at end of file
diff --git a/admin-panel/src/ducks/users.js b/admin-panel/src/ducks/users.js
new file mode 100644
index 0000000..5ad3ac8
--- /dev/null
+++ b/admin-panel/src/ducks/users.js
@@ -0,0 +1,93 @@
+import {appName} from '../config'
+import {Record} from 'immutable'
+import {arrayToMap} from '../helpers'
+import {createSelector} from 'reselect'
+
+/**
+ * Constants
+ * */
+export const moduleName = 'users'
+const prefix = `${appName}/${moduleName}`
+
+export const ADD_USER_START = `${prefix}/_START`
+export const ADD_USER_SUCCESS = `${prefix}/_SUCCESS`
+
+/**
+ * Reducer
+ * */
+
+const UsersListRecord = Record({
+ id : null,
+ firstName : null,
+ lastName : null,
+ email : null,
+})
+
+const ReducerRecord = Record({
+ entities : arrayToMap([], UsersListRecord),
+ loading : false,
+ loaded : false,
+})
+
+const defaultState = new ReducerRecord();
+
+export default function reducer(state = defaultState, action) {
+ const {type, payload} = action
+
+ switch (type) {
+ case ADD_USER_START : {
+ return state.set('loading', true);
+ }
+ case ADD_USER_SUCCESS : {
+ let {randomId : id, firstName, lastName, email} = payload;
+ state = state.set('loading', false);
+ return state.setIn(['entities', id], new UsersListRecord({
+ id,
+ firstName,
+ lastName,
+ email,
+ }))
+ }
+ default:
+ return state
+ }
+}
+
+/**
+ * Selectors
+ * */
+
+export const usersMapSelector = state => state[moduleName].entities
+
+export const usersSelector = createSelector(usersMapSelector, usersMap => usersMap.valueSeq().toArray())
+
+export const usersLoadingSelector = state => state[moduleName].loading
+
+/**
+ * Action Creators
+ * */
+
+export const addUser = (params) => {
+ let {firstName, lastName, email} = params;
+ return (dispatch) => {
+ dispatch({
+ type : ADD_USER_START,
+ });
+ new Promise((resolve) => {
+ setTimeout(() => {
+ resolve()
+ }, 3000)
+ }).then(() => {
+ dispatch({
+ type : ADD_USER_SUCCESS,
+ payload : {
+ generateId : true,
+ firstName,
+ lastName,
+ email
+ }
+ })
+ })
+
+ }
+}
\ No newline at end of file
diff --git a/admin-panel/src/ducks/utils.js b/admin-panel/src/ducks/utils.js
new file mode 100644
index 0000000..df63cc2
--- /dev/null
+++ b/admin-panel/src/ducks/utils.js
@@ -0,0 +1,13 @@
+import {OrderedMap} from 'immutable'
+
+export function generateId() {
+ return Date.now()
+}
+
+export function fbToEntities(values, DataRecord) {
+ return Object.entries(values)
+ .reduce(
+ (acc, [uid, value]) => acc.set(uid, new DataRecord({ uid, ...value })),
+ new OrderedMap({})
+ )
+}
\ No newline at end of file
diff --git a/admin-panel/src/helpers/index.js b/admin-panel/src/helpers/index.js
new file mode 100644
index 0000000..12f9b51
--- /dev/null
+++ b/admin-panel/src/helpers/index.js
@@ -0,0 +1,10 @@
+import {Map} from 'immutable';
+
+export let arrayToMap = (arr, ItemRecord, idKey = 'id') => {
+ let res = arr.reduce(function (acc, item) {
+ return acc.set(item[idKey], ItemRecord ? new ItemRecord(item) : item);
+ }, new Map({}));
+ return res;
+}
+
+export let getRandomId = () => (Date.now() + Math.random()).toString()
\ No newline at end of file
diff --git a/admin-panel/src/index.js b/admin-panel/src/index.js
index ad60938..adb21d9 100644
--- a/admin-panel/src/index.js
+++ b/admin-panel/src/index.js
@@ -2,5 +2,6 @@ import React from 'react'
import ReactDOM from 'react-dom'
import './config'
import Root from './Root'
+import './mocks'
ReactDOM.render(