ryanjyost

//src/components/TotalExpenses.js

import React from 'react';
import {formatDollarValues} from '../helpers'

const TotalExpenses = () =>  {
    return (
        <div id="TotalExpenses">
            <h3>Total Monthly Expenses</h3>
            {' '}

ryanjyost

//src/components/SavingsPlan.js

import React from 'react';
import { FormControl, InputGroup } from 'react-bootstrap';

import {formatDollarValues} from '../helpers'


const SavingsPlan = () =>  {
        return (

ryanjyost

//src/index.js

import React from 'react';
import ReactDOM from 'react-dom';
import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap/dist/css/bootstrap-theme.css';
import './index.css';

import router from './router';

ryanjyost

//src/router.js

import React from 'react'
import { Router, Route, hashHistory, IndexRoute } from 'react-router'

import App from './components/App'
import Landing from './components/Landing'
import WhatIsARainyDayFund from './components/WhatIsARainyDayFund'
import Assumptions from './components/Assumptions'
import Expenses from './components/Expenses'

ryanjyost

//src/actions.js

//=============================================
// Assumptions

//action types
export const UPDATE_INCOME_SOURCES = 'UPDATE_INCOME_SOURCES';
export const UPDATE_INCOME = 'UPDATE_INCOME';
export const UPDATE_SAVINGS = 'UPDATE_SAVINGS';

ryanjyost

//src/components/Expense.js

import React from 'react';
import {FormControl, InputGroup } from 'react-bootstrap';
import {formatDollarValues} from '../helpers'


const Expense = () =>  {
    return (
        <li className="expense-item">

ryanjyost

//src/reducers/reducers.js

import * as types from '../actions';

//=================================
// Assumptions Reducer
//=================================

const initialAssumptionsState = {
	  incomeSources: 1,

ryanjyost

//src/reducers/index.js

import { combineReducers } from 'redux';

import { assumptionsReducer, expensesReducer, savingsPlanReducer } from './reducers';

const appReducer = combineReducers({
    assumptions: assumptionsReducer,
    expenses: expensesReducer,
    savingsPlan: savingsPlanReducer

ryanjyost

//src/components/AssumptionsContainer

import { connect } from 'react-redux';
import { updateIncomeSources, updateIncome, updateSavings } from '../actions'
import Assumptions from './Assumptions'

const mapStateToProps = (state) => {
	return {
		assumptions: state.assumptions,
	}

ryanjyost

//src/components/ExpensesContainer

import Expenses from './Expenses'
import { connect } from 'react-redux';
import {addExpense, removeExpense, updateExpenseName, updateExpenseAmount} from '../actions'

const mapStateToProps = (state) => {
	return {
	    expenses: state.expenses,
	}