17 | {{else}}
18 |
19 | {{/if}}
20 |
21 | );
22 | }
23 | }
24 |
25 | {{#if wantActionsAndReducer}}
26 | // mapStateToProps :: {State} -> {Props}
27 | const mapStateToProps = (state) => ({
28 | // myProp: state.myProp,
29 | });
30 |
31 | // mapDispatchToProps :: Dispatch -> {Action}
32 | const mapDispatchToProps = (dispatch) => ({
33 | actions: bindActionCreators(
34 | {{ properCase name }}ActionCreators,
35 | dispatch
36 | ),
37 | });
38 | {{/if}}
39 |
40 | {{#if wantSCSSModules}}
41 | const Container = cssModules({{ properCase name }}, styles);
42 | {{else}}
43 | const Container = {{ properCase name }};
44 | {{/if}}
45 |
46 | {{#if wantActionsAndReducer}}
47 | export default connect(
48 | mapStateToProps,
49 | mapDispatchToProps
50 | )(Container);
51 | {{else}}
52 | export default Container;
53 | {{/if}}
54 |
--------------------------------------------------------------------------------
/db/migrate/20161002210703_devise_create_users.rb:
--------------------------------------------------------------------------------
1 | class DeviseCreateUsers < ActiveRecord::Migration[5.0]
2 | def change
3 | create_table :users do |t|
4 | ## Database authenticatable
5 | t.string :email, null: false, default: ""
6 | t.string :encrypted_password, null: false, default: ""
7 |
8 | ## Recoverable
9 | t.string :reset_password_token
10 | t.datetime :reset_password_sent_at
11 |
12 | ## Rememberable
13 | t.datetime :remember_created_at
14 |
15 | ## Trackable
16 | t.integer :sign_in_count, default: 0, null: false
17 | t.datetime :current_sign_in_at
18 | t.datetime :last_sign_in_at
19 | t.inet :current_sign_in_ip
20 | t.inet :last_sign_in_ip
21 |
22 | ## Confirmable
23 | # t.string :confirmation_token
24 | # t.datetime :confirmed_at
25 | # t.datetime :confirmation_sent_at
26 | # t.string :unconfirmed_email # Only if using reconfirmable
27 |
28 | ## Lockable
29 | # t.integer :failed_attempts, default: 0, null: false # Only if lock strategy is :failed_attempts
30 | # t.string :unlock_token # Only if unlock strategy is :email or :both
31 | # t.datetime :locked_at
32 |
33 |
34 | t.timestamps null: false
35 | end
36 |
37 | add_index :users, :email, unique: true
38 | add_index :users, :reset_password_token, unique: true
39 | # add_index :users, :confirmation_token, unique: true
40 | # add_index :users, :unlock_token, unique: true
41 | end
42 | end
43 |
--------------------------------------------------------------------------------
/client/app/src/containers/SignupContainer/reducer.js:
--------------------------------------------------------------------------------
1 | import * as types from './constants';
2 | import update from 'react-addons-update';
3 |
4 | export const initialState = {
5 | error: null,
6 | message: null,
7 | isLoading: false,
8 | isShowingTips: false,
9 | };
10 |
11 | const signupReducer =
12 | (state = initialState, action) => {
13 | switch (action.type) {
14 | case types.SIGNUP_SHOW_ERROR:
15 | return update(state, {
16 | error: {
17 | $set: action.error,
18 | },
19 | isLoading: {
20 | $set: false,
21 | },
22 | });
23 | case types.SIGNUP_SHOW_MESSAGE:
24 | return update(state, {
25 | message: {
26 | $set: action.message,
27 | },
28 | isLoading: {
29 | $set: false,
30 | },
31 | });
32 | case types.SIGNUP_CLEAR_ERROR:
33 | return update(state, {
34 | error: {
35 | $set: null,
36 | },
37 | });
38 | case types.SIGNUP_CLEAR_MESSAGE:
39 | return update(state, {
40 | message: {
41 | $set: null,
42 | },
43 | });
44 | case types.SIGNUP_SET_LOADING:
45 | return update(state, {
46 | isLoading: {
47 | $set: true,
48 | },
49 | });
50 | case types.TOGGLE_SIGNUP_TIPS:
51 | return update(state, {
52 | isShowingTips: {
53 | $set: action.isShowing,
54 | },
55 | });
56 | default:
57 | return state;
58 | }
59 | };
60 |
61 | export default signupReducer;
62 |
--------------------------------------------------------------------------------
/client/app/src/containers/ProfileContainer/tests/__snapshots__/index.test.js.snap:
--------------------------------------------------------------------------------
1 | exports[`
should render with default props 1`] = `
2 |
45 | `;
46 |
--------------------------------------------------------------------------------
/client/app/src/containers/SignupContainer/actions.js:
--------------------------------------------------------------------------------
1 | import * as types from './constants';
2 |
3 | // signupShowError :: String -> {Action}
4 | export const signupShowError = (error) => ({
5 | type: types.SIGNUP_SHOW_ERROR,
6 | error,
7 | });
8 |
9 | // signupShowMessage :: String -> {Action}
10 | export const signupShowMessage = (message) => ({
11 | type: types.SIGNUP_SHOW_MESSAGE,
12 | message,
13 | });
14 |
15 | // clearSignupError :: None -> {Action}
16 | export const signupClearError = () => ({
17 | type: types.SIGNUP_CLEAR_ERROR,
18 | });
19 |
20 | // signupClearMessage :: None -> {Action}
21 | export const signupClearMessage = () => ({
22 | type: types.SIGNUP_CLEAR_MESSAGE,
23 | });
24 |
25 | export const clearSignupToast = (type) =>
26 | (dispatch) => {
27 | switch (type) {
28 | case 'error':
29 | dispatch(
30 | signupClearError()
31 | );
32 | break;
33 | case 'message':
34 | dispatch(
35 | signupClearMessage()
36 | );
37 | break;
38 | default:
39 | break;
40 | }
41 | };
42 |
43 | export const fieldsToData = (fields) => ({
44 | userSignup: {
45 | name: fields.nameInput.value,
46 | email: fields.emailInput.value,
47 | password: fields.passwordInput.value,
48 | password_confirmation: fields.passwordConfirmationInput.value,
49 | bio: fields.bioInput.value || '',
50 | employer: fields.employerInput.value || '',
51 | },
52 | });
53 |
54 | export const signupSetLoading = () => ({
55 | type: types.SIGNUP_SET_LOADING,
56 | });
57 |
58 | export const toggleSignupTips = (isShowing) => ({
59 | type: types.TOGGLE_SIGNUP_TIPS,
60 | isShowing,
61 | });
62 |
--------------------------------------------------------------------------------
/client/app/src/containers/SignupContainer/tests/actions.test.js:
--------------------------------------------------------------------------------
1 | import expect from 'expect';
2 | import * as actions from '../actions';
3 | import * as types from '../constants';
4 |
5 | describe('Signup actions', () => {
6 | it('should handle SIGNUP_SHOW_ERROR', () => {
7 | const error = 'An error has occured';
8 | const expected = {
9 | type: types.SIGNUP_SHOW_ERROR,
10 | error,
11 | };
12 | expect(actions.signupShowError(error)).toEqual(expected);
13 | });
14 | it('should handle SIGNUP_SHOW_MESSAGE', () => {
15 | const message = 'An error has not occured';
16 | const expected = {
17 | type: types.SIGNUP_SHOW_MESSAGE,
18 | message,
19 | };
20 | expect(actions.signupShowMessage(message)).toEqual(expected);
21 | });
22 | it('should handle SIGNUP_CLEAR_ERROR', () => {
23 | const expected = {
24 | type: types.SIGNUP_CLEAR_ERROR,
25 | };
26 | expect(actions.signupClearError()).toEqual(expected);
27 | });
28 | it('should handle SIGNUP_CLEAR_MESSAGE', () => {
29 | const expected = {
30 | type: types.SIGNUP_CLEAR_MESSAGE,
31 | };
32 | expect(actions.signupClearMessage()).toEqual(expected);
33 | });
34 | it('should handle SIGNUP_SET_LOADING', () => {
35 | const expected = {
36 | type: types.SIGNUP_SET_LOADING,
37 | };
38 | expect(actions.signupSetLoading()).toEqual(expected);
39 | });
40 | it('should handle TOGGLE_SIGNUP_TIPS', () => {
41 | const isShowing = true;
42 | const expected = {
43 | type: types.TOGGLE_SIGNUP_TIPS,
44 | isShowing,
45 | };
46 | expect(
47 | actions.toggleSignupTips(isShowing)
48 | ).toEqual(expected);
49 | });
50 | });
51 |
--------------------------------------------------------------------------------
/client/app/src/components/EventInfo/tests/__snapshots__/index.test.js.snap:
--------------------------------------------------------------------------------
1 | exports[`
should render with default props 1`] = `
2 |
17 |
21 | Pool Party
22 |
23 |
26 | Birthday
27 |
28 |
31 | Hosted by
32 | Joaquin West
33 |
34 |
37 | From: November 2nd 2016, 12:00:00 am
38 |
39 | To: December 12th 2014, 12:00:00 am
40 |
41 |
44 | 1 people are attending
45 |
46 |
47 | The best party
48 |
49 |
67 |
68 | `;
69 |
--------------------------------------------------------------------------------
/public/500.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
We're sorry, but something went wrong (500)
5 |
6 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
We're sorry, but something went wrong.
62 |
63 |
If you are the application owner check the logs for more information.
64 |
65 |
66 |
67 |
--------------------------------------------------------------------------------
/spec/spec_helper.rb:
--------------------------------------------------------------------------------
1 | require 'graphql'
2 | require 'rspec/graphql_matchers'
3 |
4 | include RSpec::GraphqlMatchers::TypesHelper
5 |
6 | RSpec.configure do |config|
7 | # rspec-expectations config goes here. You can use an alternate
8 | # assertion/expectation library such as wrong or the stdlib/minitest
9 | # assertions if you prefer.
10 | config.expect_with :rspec do |expectations|
11 | # This option will default to `true` in RSpec 4. It makes the `description`
12 | # and `failure_message` of custom matchers include text for helper methods
13 | # defined using `chain`, e.g.:
14 | # be_bigger_than(2).and_smaller_than(4).description
15 | # # => "be bigger than 2 and smaller than 4"
16 | # ...rather than:
17 | # # => "be bigger than 2"
18 | expectations.include_chain_clauses_in_custom_matcher_descriptions = true
19 | end
20 |
21 | # rspec-mocks config goes here. You can use an alternate test double
22 | # library (such as bogus or mocha) by changing the `mock_with` option here.
23 | config.mock_with :rspec do |mocks|
24 | # Prevents you from mocking or stubbing a method that does not exist on
25 | # a real object. This is generally recommended, and will default to
26 | # `true` in RSpec 4.
27 | mocks.verify_partial_doubles = true
28 | end
29 |
30 | # This option will default to `:apply_to_host_groups` in RSpec 4 (and will
31 | # have no way to turn it off -- the option exists only for backwards
32 | # compatibility in RSpec 3). It causes shared context metadata to be
33 | # inherited by the metadata hash of host groups and examples, rather than
34 | # triggering implicit auto-inclusion in groups with matching metadata.
35 | config.shared_context_metadata_behavior = :apply_to_host_groups
36 | end
37 |
--------------------------------------------------------------------------------
/client/app/src/containers/CreateEventContainer/actions.js:
--------------------------------------------------------------------------------
1 | import * as types from './constants';
2 |
3 | // createEventError :: String -> {Action}
4 | export const createEventError = (error) => ({
5 | type: types.CREATE_EVENT_ERROR,
6 | error,
7 | });
8 |
9 | // createEventMessage :: String -> {Action}
10 | export const createEventMessage = (message) => ({
11 | type: types.CREATE_EVENT_MESSAGE,
12 | message,
13 | });
14 |
15 | // clearCreateEventError :: None -> {Action}
16 | export const clearCreateEventError = () => ({
17 | type: types.CLEAR_CREATE_EVENT_ERROR,
18 | });
19 |
20 | // clearCreateEventMessage :: None -> {Action}
21 | export const clearCreateEventMessage = () => ({
22 | type: types.CLEAR_CREATE_EVENT_MESSAGE,
23 | });
24 |
25 | export const clearCreateEventToast = (type) =>
26 | (dispatch) => {
27 | switch (type) {
28 | case 'error':
29 | dispatch(
30 | clearCreateEventError()
31 | );
32 | break;
33 | case 'message':
34 | dispatch(
35 | clearCreateEventMessage()
36 | );
37 | break;
38 | default:
39 | break;
40 | }
41 | };
42 |
43 | export const onSetGuests = (guests) => ({
44 | type: types.CREATE_EVENT_ADD_GUESTS,
45 | guests,
46 | });
47 |
48 | export const fieldsToData = (fields, guestList, user) => ({
49 | authToken: user.authToken,
50 | event: {
51 | name: fields.nameInput.value,
52 | message: fields.messageInput.value,
53 | start_date: fields.startDateInput.value,
54 | end_date: fields.endDateInput.value,
55 | location: fields.locationInput.value,
56 | type: fields.typeInput.value,
57 | host: {
58 | name: fields.hostInput.value,
59 | },
60 | guests: guestList.map((item) => ({ name: item.name })),
61 | },
62 | });
63 |
--------------------------------------------------------------------------------
/client/app/src/components/Navbar/tests/__snapshots__/index.test.js.snap:
--------------------------------------------------------------------------------
1 | exports[`
should render with default props 1`] = `
2 |
4 |
16 |
18 | <Anchor
19 | href="/"
20 | tag="a">
21 | <img
22 | alt="logo"
23 | className={undefined}
24 | src={Object {}} />
25 | </Anchor>
26 |
27 |
72 |
73 |
74 | `;
75 |
--------------------------------------------------------------------------------
/public/422.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
The change you wanted was rejected (422)
5 |
6 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
The change you wanted was rejected.
62 |
Maybe you tried to change something you didn't have access to.
63 |
64 |
If you are the application owner check the logs for more information.
65 |
66 |
67 |
68 |
--------------------------------------------------------------------------------
/public/404.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
The page you were looking for doesn't exist (404)
5 |
6 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
The page you were looking for doesn't exist.
62 |
You may have mistyped the address or the page may have moved.
63 |
64 |
If you are the application owner check the logs for more information.
65 |
66 |
67 |
68 |
--------------------------------------------------------------------------------
/client/app/src/containers/ProfileContainer/actions.js:
--------------------------------------------------------------------------------
1 | import * as types from './constants';
2 |
3 | // profileStartEditing :: None -> {Action}
4 | export const profileStartEditing = () => ({
5 | type: types.PROFILE_START_EDITING,
6 | });
7 |
8 | // profileEditBio :: String -> {Action}
9 | export const profileEditBio = (bio) => ({
10 | type: types.PROFILE_EDIT_BIO,
11 | bio,
12 | });
13 |
14 | // profileSubmissionInitiation :: None -> {Action}
15 | export const profileSubmissionInitiation = () => ({
16 | type: types.PROFILE_SUBMISSION_INITIATION,
17 | });
18 |
19 | // profileSubmissionSuccess :: None -> {Action}
20 | export const profileSubmissionSuccess = () => ({
21 | type: types.PROFILE_SUBMISSION_SUCCESS,
22 | });
23 |
24 | // profileSubmissionFailure :: JSON -> {Action}
25 | export const profileSubmissionFailure = (error) => ({
26 | type: types.PROFILE_SUBMISSION_FAILURE,
27 | error,
28 | });
29 |
30 | // profileClearError :: None -> {Action}
31 | export const profileClearError = () => ({
32 | type: types.PROFILE_CLEAR_ERROR,
33 | });
34 |
35 | // profileClearError :: None -> {Action}
36 | export const profileCancelEditing = () => ({
37 | type: types.PROFILE_CANCEL_EDITING,
38 | });
39 |
40 | // profileEditAvatar :: String -> {Action}
41 | export const profileEditAvatar = (avatar) => ({
42 | type: types.PROFILE_EDIT_AVATAR,
43 | avatar,
44 | });
45 |
46 | // profileEditEmail :: String -> {Action}
47 | export const profileEditEmail = (email) => ({
48 | type: types.PROFILE_EDIT_EMAIL,
49 | email,
50 | });
51 |
52 | // profileEditEmployer :: String -> {Action}
53 | export const profileEditEmployer = (employer) => ({
54 | type: types.PROFILE_EDIT_EMPLOYER,
55 | employer,
56 | });
57 |
58 | // setDefaultInputs :: Object -> {Action}
59 | export const setDefaultInputs = (inputs) => ({
60 | type: types.PROFILE_SET_DEFAULT_INPUTS,
61 | inputs,
62 | });
63 |
--------------------------------------------------------------------------------
/client/app/src/components/App/index.js:
--------------------------------------------------------------------------------
1 | import React, { Component, PropTypes } from 'react';
2 | import { bindActionCreators } from 'redux';
3 | import { connect } from 'react-redux';
4 | import * as actionCreators from './actions';
5 | import { Navbar, AppFooter } from 'components';
6 |
7 | class Main extends Component {
8 | componentDidMount() {
9 | const {
10 | loadPersistedUser,
11 | } = this.props.actions;
12 | loadPersistedUser();
13 | }
14 | render() {
15 | const {
16 | user,
17 | } = this.props;
18 | return (
19 |
20 |
23 | {React.cloneElement(this.props.children, this.props)}
24 |
25 |
26 | );
27 | }
28 | }
29 |
30 | Main.propTypes = {
31 | children: React.children,
32 | actions: PropTypes.object.isRequired,
33 | user: PropTypes.object,
34 | };
35 |
36 | // Map the global state to global props here.
37 | // See: https://egghead.io/lessons/javascript-redux-generating-containers-with-connect-from-react-redux-visibletodolist
38 | // mapStateToProps :: {State} -> {Action}
39 | const mapStateToProps = (state) => ({
40 | user: state.authReducer.user,
41 | });
42 |
43 | // Map the dispatch and bind the action creators.
44 | // See: http://redux.js.org/docs/api/bindActionCreators.html
45 | // mapDispatchToProps :: Dispatch Func -> {Actions}
46 | const mapDispatchToProps = (dispatch) => ({
47 | actions: bindActionCreators(
48 | actionCreators,
49 | dispatch
50 | ),
51 | });
52 |
53 | // Use connect both here and in your components.
54 | // See: https://egghead.io/lessons/javascript-redux-generating-containers-with-connect-from-react-redux-visibletodolist
55 | const App = connect(
56 | mapStateToProps,
57 | mapDispatchToProps
58 | )(Main);
59 |
60 | export default App;
61 |
--------------------------------------------------------------------------------
/app/graph/mutations/event_mutations.rb:
--------------------------------------------------------------------------------
1 | module EventMutations
2 | Create = GraphQL::Relay::Mutation.define do
3 | name 'CreateEvent'
4 | input_field :event, EventInputType
5 | input_field :auth_token, !types.String
6 |
7 | return_field :event, EventType
8 | resolve -> (inputs, ctx) do
9 | event_inputs = inputs[:event]
10 | start_date = Date.strptime(event_inputs[:start_date], '%m/%d/%Y').to_datetime
11 | end_date = Date.strptime(event_inputs[:end_date], '%m/%d/%Y').to_datetime
12 | event = Event.new(
13 | name: event_inputs[:name],
14 | start_date: start_date,
15 | end_date: end_date,
16 | event_type: event_inputs[:type].downcase!,
17 | message: event_inputs[:message],
18 | location: event_inputs[:location]
19 | )
20 | event_inputs[:guests].to_a.each do |guest|
21 | event.guests << Guest.new(name: guest.to_h["name"])
22 | end
23 | host = Host.find_by(name: event[:host].to_h["name"])
24 | event.user = User.find_by(auth_token: inputs[:auth_token])
25 | event.host = if host
26 | host
27 | else
28 | Host.new(name: event_inputs[:host].to_h["name"])
29 | end
30 | event.save!
31 | {
32 | event: event
33 | }
34 | end
35 | end
36 | RSVP = GraphQL::Relay::Mutation.define do
37 | input_field :event_id, !types.Int
38 | input_field :auth_token, !types.String
39 |
40 | return_field :event, EventType
41 | resolve -> (inputs, ctx) do
42 | event = Event.find_by(id: inputs[:event_id])
43 | user = User.find_by(auth_token: inputs[:auth_token])
44 | guest = Guest.find_by(name: user.name) || Guest.create(name: user.name)
45 | event.guests << guest
46 | event.save!
47 | {
48 | event: event
49 | }
50 | end
51 | end
52 | end
53 |
--------------------------------------------------------------------------------
/config/environments/test.rb:
--------------------------------------------------------------------------------
1 | Rails.application.configure do
2 | # Settings specified here will take precedence over those in config/application.rb.
3 |
4 | # The test environment is used exclusively to run your application's
5 | # test suite. You never need to work with it otherwise. Remember that
6 | # your test database is "scratch space" for the test suite and is wiped
7 | # and recreated between test runs. Don't rely on the data there!
8 | config.cache_classes = true
9 |
10 | # Do not eager load code on boot. This avoids loading your whole application
11 | # just for the purpose of running a single test. If you are using a tool that
12 | # preloads Rails for running tests, you may have to set it to true.
13 | config.eager_load = false
14 |
15 | # Configure public file server for tests with Cache-Control for performance.
16 | config.public_file_server.enabled = true
17 | config.public_file_server.headers = {
18 | 'Cache-Control' => 'public, max-age=3600'
19 | }
20 |
21 | # Show full error reports and disable caching.
22 | config.consider_all_requests_local = true
23 | config.action_controller.perform_caching = false
24 |
25 | # Raise exceptions instead of rendering exception templates.
26 | config.action_dispatch.show_exceptions = false
27 |
28 | # Disable request forgery protection in test environment.
29 | config.action_controller.allow_forgery_protection = false
30 | config.action_mailer.perform_caching = false
31 |
32 | # Tell Action Mailer not to deliver emails to the real world.
33 | # The :test delivery method accumulates sent emails in the
34 | # ActionMailer::Base.deliveries array.
35 | config.action_mailer.delivery_method = :test
36 |
37 | # Print deprecation notices to the stderr.
38 | config.active_support.deprecation = :stderr
39 |
40 | # Raises error for missing translations
41 | # config.action_view.raise_on_missing_translations = true
42 | end
43 |
--------------------------------------------------------------------------------
/client/app/src/containers/CreateEventContainer/tests/reducer.test.js:
--------------------------------------------------------------------------------
1 | import expect from 'expect';
2 | import * as types from '../constants';
3 | import createEventReducer, { initialState } from '../reducer';
4 |
5 | describe('createEventReducer', () => {
6 | it('returns the initial state', () => {
7 | expect(
8 | createEventReducer(undefined, {})
9 | ).toEqual(initialState);
10 | });
11 | it('should handle reducer for CREATE_EVENT_ERROR', () => {
12 | const error = 'Error';
13 | const stateBefore = {
14 | error: null,
15 | };
16 | const stateAfter = {
17 | error,
18 | };
19 | expect(
20 | createEventReducer(stateBefore, {
21 | type: types.CREATE_EVENT_ERROR,
22 | error,
23 | })
24 | ).toEqual(stateAfter);
25 | });
26 | it('should handle reducer for CREATE_EVENT_MESSAGE', () => {
27 | const message = 'Hi there';
28 | const stateBefore = {
29 | message: null,
30 | };
31 | const stateAfter = {
32 | message,
33 | };
34 | expect(
35 | createEventReducer(stateBefore, {
36 | type: types.CREATE_EVENT_MESSAGE,
37 | message,
38 | })
39 | ).toEqual(stateAfter);
40 | });
41 | it('should handle reducer for CLEAR_CREATE_EVENT_ERROR', () => {
42 | const error = 'Error';
43 | const stateBefore = {
44 | error,
45 | };
46 | const stateAfter = {
47 | error: null,
48 | };
49 | expect(
50 | createEventReducer(stateBefore, {
51 | type: types.CLEAR_CREATE_EVENT_ERROR,
52 | })
53 | ).toEqual(stateAfter);
54 | });
55 | it('should handle reducer for CLEAR_CREATE_EVENT_MESSAGE', () => {
56 | const message = 'Hi there';
57 | const stateBefore = {
58 | message,
59 | };
60 | const stateAfter = {
61 | message: null,
62 | };
63 | expect(
64 | createEventReducer(stateBefore, {
65 | type: types.CLEAR_CREATE_EVENT_MESSAGE,
66 | })
67 | ).toEqual(stateAfter);
68 | });
69 | });
70 |
--------------------------------------------------------------------------------
/client/app/src/components/SignupForm/tests/mocks.js:
--------------------------------------------------------------------------------
1 | export const fields = {
2 | nameInput: {
3 | name: 'nameInput',
4 | value: '',
5 | initialValue: '',
6 | valid: false,
7 | invalid: true,
8 | dirty: false,
9 | pristine: true,
10 | error: 'value Required',
11 | active: false,
12 | touched: true,
13 | visited: true,
14 | autofilled: false,
15 | },
16 | emailInput: {
17 | name: 'emailInput',
18 | value: '',
19 | initialValue: '',
20 | valid: false,
21 | invalid: true,
22 | dirty: false,
23 | pristine: true,
24 | error: 'value Required',
25 | active: false,
26 | touched: false,
27 | visited: false,
28 | autofilled: false,
29 | },
30 | passwordInput: {
31 | name: 'passwordInput',
32 | value: '',
33 | initialValue: '',
34 | valid: false,
35 | invalid: true,
36 | dirty: false,
37 | pristine: true,
38 | error: 'value Required',
39 | active: false,
40 | touched: false,
41 | visited: false,
42 | autofilled: false,
43 | },
44 | passwordConfirmationInput: {
45 | name: 'passwordConfirmationInput',
46 | value: '',
47 | initialValue: '',
48 | valid: false,
49 | invalid: true,
50 | dirty: false,
51 | pristine: true,
52 | error: 'value Required',
53 | active: false,
54 | touched: false,
55 | visited: false,
56 | autofilled: false,
57 | },
58 | bioInput: {
59 | name: 'bioInput',
60 | value: '',
61 | initialValue: '',
62 | valid: true,
63 | invalid: false,
64 | dirty: false,
65 | pristine: true,
66 | active: false,
67 | touched: false,
68 | visited: false,
69 | autofilled: false,
70 | },
71 | employerInput: {
72 | name: 'employerInput',
73 | value: '',
74 | initialValue: '',
75 | valid: true,
76 | invalid: false,
77 | dirty: false,
78 | pristine: true,
79 | active: false,
80 | touched: false,
81 | visited: false,
82 | autofilled: false,
83 | },
84 | };
85 |
--------------------------------------------------------------------------------
/client/app/src/components/EditableField/index.js:
--------------------------------------------------------------------------------
1 | import React, { PropTypes } from 'react';
2 | import styles from './index.module.scss';
3 | import cssModules from 'react-css-modules';
4 | import Section from 'grommet-udacity/components/Section';
5 | import Box from 'grommet-udacity/components/Box';
6 | import FormField from 'grommet-udacity/components/FormField';
7 |
8 | const EditableField = ({
9 | isEditing,
10 | onEdit,
11 | value,
12 | name,
13 | altName,
14 | children,
15 | type,
16 | onClickToEdit,
17 | placeholder,
18 | autoFocus,
19 | }) => (
20 |
21 | {isEditing ?
22 |
23 |
29 |
39 |
40 |
41 | :
42 |
45 | {children}
46 |
47 | }
48 |
49 | );
50 |
51 | EditableField.propTypes = {
52 | isEditing: PropTypes.bool.isRequired,
53 | onEdit: PropTypes.func.isRequired,
54 | value: PropTypes.string,
55 | name: PropTypes.string.isRequired,
56 | children: PropTypes.node.isRequired,
57 | onClickToEdit: PropTypes.func.isRequired,
58 | type: PropTypes.string.isRequired,
59 | placeholder: PropTypes.string.isRequired,
60 | autoFocus: PropTypes.bool.isRequired,
61 | altName: PropTypes.string,
62 | };
63 |
64 | EditableField.defaultProps = {
65 | type: 'text',
66 | autoFocus: false,
67 | };
68 |
69 | export default cssModules(EditableField, styles);
70 |
--------------------------------------------------------------------------------
/config/environments/development.rb:
--------------------------------------------------------------------------------
1 | Rails.application.configure do
2 | # Settings specified here will take precedence over those in config/application.rb.
3 |
4 | # In the development environment your application's code is reloaded on
5 | # every request. This slows down response time but is perfect for development
6 | # since you don't have to restart the web server when you make code changes.
7 | config.cache_classes = false
8 |
9 | # Do not eager load code on boot.
10 | config.eager_load = false
11 |
12 | # Show full error reports.
13 | config.consider_all_requests_local = true
14 |
15 | # Enable/disable caching. By default caching is disabled.
16 | if Rails.root.join('tmp/caching-dev.txt').exist?
17 | config.action_controller.perform_caching = true
18 |
19 | config.cache_store = :memory_store
20 | config.public_file_server.headers = {
21 | 'Cache-Control' => 'public, max-age=172800'
22 | }
23 | else
24 | config.action_controller.perform_caching = false
25 |
26 | config.cache_store = :null_store
27 | end
28 |
29 | # Don't care if the mailer can't send.
30 | config.action_mailer.raise_delivery_errors = false
31 |
32 | config.action_mailer.perform_caching = false
33 |
34 | # Print deprecation notices to the Rails logger.
35 | config.active_support.deprecation = :log
36 |
37 | # Raise an error on page load if there are pending migrations.
38 | config.active_record.migration_error = :page_load
39 |
40 | # Debug mode disables concatenation and preprocessing of assets.
41 | # This option may cause significant delays in view rendering with a large
42 | # number of complex assets.
43 | config.assets.debug = true
44 |
45 | # Suppress logger output for asset requests.
46 | config.assets.quiet = true
47 |
48 | # Raises error for missing translations
49 | # config.action_view.raise_on_missing_translations = true
50 |
51 | # Use an evented file watcher to asynchronously detect changes in source code,
52 | # routes, locales, etc. This feature depends on the listen gem.
53 | config.file_watcher = ActiveSupport::EventedFileUpdateChecker
54 | end
55 |
--------------------------------------------------------------------------------
/app/graph/mutations/user_mutations.rb:
--------------------------------------------------------------------------------
1 | module UserMutations
2 | SignUp = GraphQL::Relay::Mutation.define do
3 | name 'SignUp'
4 | description 'Sign up a User'
5 | input_field :user_signup, UserSignupInputType
6 |
7 | return_field :user, AuthUserType
8 | resolve -> (args, ctx) {
9 | input_args = args[:user_signup]
10 | @user = User.create(
11 | name: input_args[:name],
12 | email: input_args[:email],
13 | password: input_args[:password],
14 | password_confirmation: input_args[:password_confirmation]
15 | )
16 | @user.bio = input_args[:bio] if input_args[:bio]
17 | @user.employer = input_args[:employer] if input_args[:employer]
18 | if @user.save
19 | {
20 | user: @user
21 | }
22 | end
23 | }
24 | end
25 | SignIn = GraphQL::Relay::Mutation.define do
26 | name 'SignIn'
27 | description 'Sign in a User'
28 | input_field :email, !types.String
29 | input_field :password, !types.String
30 |
31 | return_field :user, AuthUserType
32 | resolve -> (args, ctx) {
33 | @user = User.find_for_database_authentication(email: args[:email])
34 | if @user.valid_password?(args[:password])
35 | {
36 | user: @user
37 | }
38 | else
39 | {
40 | user: {}
41 | }
42 | end
43 | }
44 | end
45 | UpdateProfile = GraphQL::Relay::Mutation.define do
46 | name 'UpdateProfile'
47 | description 'Update the user profile'
48 | input_field :auth_token, !types.String
49 | input_field :profile, ProfileInputType
50 |
51 | return_field :user, AuthUserType
52 | resolve -> (args, ctx) {
53 | @user = User.find_by(auth_token: args[:auth_token])
54 | @user.name = args[:profile][:name] if args[:profile][:name]
55 | @user.bio = args[:profile][:bio] if args[:profile][:bio]
56 | @user.avatar = args[:profile][:avatar] if args[:profile][:avatar]
57 | @user.email = args[:profile][:email] if args[:profile][:email]
58 | @user.employer = args[:profile][:employer] if args[:profile][:employer]
59 | @user.save!
60 | {
61 | user: @user
62 | }
63 | }
64 | end
65 | end
66 |
--------------------------------------------------------------------------------
/client/app/src/components/Navbar/index.js:
--------------------------------------------------------------------------------
1 | import React, { PropTypes } from 'react';
2 | import Header from 'grommet-udacity/components/Header';
3 | import Title from 'grommet-udacity/components/Title';
4 | import Menu from 'grommet-udacity/components/Menu';
5 | import Anchor from 'grommet-udacity/components/Anchor';
6 | import LogoImage from './logo.png';
7 | import styles from './index.module.scss';
8 | import cssModules from 'react-css-modules';
9 |
10 | const Navbar = ({
11 | isAuthenticated,
12 | }) => (
13 |
14 |
15 |
16 | <Anchor href="/">
17 | <img className={styles.logo} src={LogoImage} alt="logo"/>
18 | </Anchor>
19 |
20 |
60 |
61 |
62 | );
63 |
64 | Navbar.propTypes = {
65 | isAuthenticated: PropTypes.bool.isRequired,
66 | };
67 |
68 | Navbar.defaultProps = {
69 | isAuthenticated: false,
70 | };
71 |
72 | export default cssModules(Navbar, styles);
73 |
--------------------------------------------------------------------------------
/db/seeds.rb:
--------------------------------------------------------------------------------
1 | 10.times do
2 | Host.create(name: FFaker::Name.name)
3 | end
4 |
5 | 20.times do
6 | Guest.create(
7 | name: FFaker::Name.name
8 | )
9 | end
10 |
11 | User.create(
12 | name: 'GraphQL User',
13 | email: 'user@graphql.org',
14 | password: 'GraphQLUser123'
15 | )
16 |
17 | User.create(
18 | name: 'Code Reviewer',
19 | email: 'codereviewer@udacity.com',
20 | password: 'CodeReviewer123!'
21 | )
22 |
23 | Event.create(
24 | name: 'Alumni App Release Party',
25 | user: User.first,
26 | event_type: 4,
27 | start_date: '06/10/2016 5:00PM',
28 | end_date: '06/10/2016 7:00PM',
29 | host: Host.create(name: 'Ryan Collins'),
30 | guests: Guest.all.first(10),
31 | message: 'Join us to celebrate the release of the alumni web application. We will have an online celebration as well as an in-person meetup at Udacity headquarters.',
32 | location: '2465 Latham Street, 3rd Floor., Mountain View, CA 94040'
33 | )
34 |
35 | Event.create(
36 | name: 'GraphQL Summit',
37 | guests: Guest.all.first(7),
38 | host: Host.create(name: 'Sashko Stubailo'),
39 | start_date: '26/10/2016 9:00AM',
40 | end_date: '26/10/2016 7:00PM',
41 | location: '601 19th St, San Francisco, CA 94107',
42 | user: User.first,
43 | event_type: 5,
44 | message: 'Announced by Facebook in early 2015, GraphQL is an application data query language that lets developers describe the complex, nested data dependencies of modern applications. You can use GraphQL with any language or platform to define your backends as well-defined, graph-based schemas while allowing client apps to independently batch and fetch data very efficiently. Come spend a day exploring the technology and meeting the community that supports it!'
45 | )
46 |
47 | Event.create(
48 | name: 'ReactJS SF',
49 | guests: Guest.all.last(10),
50 | host: Host.create(name: 'Devon Lindsey'),
51 | start_date: '10/11/2016 6:30PM',
52 | end_date: '10/11/2016 9:30PM',
53 | location: '535 Mission St, Suite 700, San Francisco, CA',
54 | user: User.first,
55 | event_type: 5,
56 | message: "ReactJs is a fun, easy to use Javascript library started by Facebook and maintained by *you*. Join us if you'd like to learn more or if you have your own ReactJs experience to share that others can benefit from."
57 | )
58 |
--------------------------------------------------------------------------------
/client/app/src/components/EventInfo/index.js:
--------------------------------------------------------------------------------
1 | import React, { PropTypes } from 'react';
2 | import styles from './index.module.scss';
3 | import cssModules from 'react-css-modules';
4 | import Box from 'grommet-udacity/components/Box';
5 | import Heading from 'grommet-udacity/components/Heading';
6 | import Paragraph from 'grommet-udacity/components/Paragraph';
7 | import Button from 'grommet-udacity/components/Button';
8 | import Footer from 'grommet-udacity/components/Footer';
9 | import ScheduleNewIcon from 'grommet-udacity/components/icons/base/ScheduleNew';
10 | import parseDates from './utils/dates';
11 |
12 | const EventInfo = ({
13 | event,
14 | }) => (
15 |
21 |
22 | {event.name}
23 |
24 |
25 | {event.type.charAt(0).toUpperCase() + event.type.slice(1)}
26 |
27 |
28 | Hosted by {event.host.name}
29 |
30 |
31 | {parseDates(event.startDate, event.endDate)}
32 |
33 |
34 | {`${event.guests.length} people are attending`}
35 |
36 |
37 | {event.message}
38 |
39 |
47 |
48 | );
49 |
50 | EventInfo.propTypes = {
51 | event: PropTypes.shape({
52 | id: PropTypes.string.isRequired,
53 | name: PropTypes.string.isRequired,
54 | endDate: PropTypes.string.isRequired,
55 | startDate: PropTypes.string.isRequired,
56 | type: PropTypes.string.isRequired,
57 | location: PropTypes.string.isRequired,
58 | message: PropTypes.string.isRequired,
59 | host: PropTypes.shape({
60 | name: PropTypes.string.isRequired,
61 | }),
62 | guests: PropTypes.array.isRequired,
63 | }),
64 | };
65 |
66 | export default cssModules(EventInfo, styles);
67 |
--------------------------------------------------------------------------------
/client/config/generators/page/index.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Page Generator
3 | */
4 | const componentNameCheck = require('../utils/componentNameCheck');
5 | const trimTemplateFile = require('../utils/trimTemplateFile');
6 |
7 | module.exports = {
8 | description: 'Add a page',
9 | prompts: [
10 | {
11 | type: 'input',
12 | name: 'name',
13 | message: 'What is the name of the page component?',
14 | default: 'About',
15 | validate: (value) => {
16 | if ((/.+/).test(value)) {
17 | return componentNameCheck(value) ?
18 | 'That component already exists. Please choose another name for your page component.' : true;
19 | }
20 | return 'The name is required.';
21 | },
22 | }, {
23 | type: 'input',
24 | name: 'path',
25 | message: 'Enter the path of the page component.',
26 | default: '/about',
27 | validate: value => {
28 | if ((/.+/).test(value)) {
29 | return true;
30 | }
31 |
32 | return 'path is required';
33 | },
34 | },
35 | ],
36 |
37 |
38 | actions: data => {
39 | // Generate index.js and index.module.scss
40 | const actions = [{
41 | type: 'add',
42 | path: '../../app/src/pages/{{properCase name}}Page/index.js',
43 | templateFile: './page/index.js.hbs',
44 | abortOnFail: true,
45 | }, {
46 | type: 'add',
47 | path: '../../app/src/pages/{{properCase name}}Page/index.module.scss',
48 | templateFile: './page/index.module.scss.hbs',
49 | abortOnFail: true,
50 | }];
51 |
52 | // Add the route to the routes.js file above the error route
53 | // automatic export in root index.js
54 | // TODO smarter route adding
55 | actions.push({
56 | type: 'modify',
57 | path: '../../app/src/routes.js',
58 | pattern: /(
)/g,
59 | template: trimTemplateFile('config/generators/page/route.js.hbs'),
60 | }, {
61 | type: 'modify',
62 | path: '../../app/src/pages/index.js',
63 | pattern: /(\/\* Assemble all pages for export \*\/)/g,
64 | template: trimTemplateFile('config/generators/page/export.js.hbs'),
65 | });
66 |
67 | // README.md
68 | actions.push({
69 | type: 'add',
70 | path: '../../app/src/pages/{{properCase name}}Page/README.md',
71 | templateFile: './page/README.md.hbs',
72 | abortOnFail: true,
73 | });
74 |
75 | return actions;
76 | },
77 | };
78 |
--------------------------------------------------------------------------------
/client/config/generators/component/index.js:
--------------------------------------------------------------------------------
1 | const componentNameCheck = require('../utils/componentNameCheck');
2 | const trimTemplateFile = require('../utils/trimTemplateFile');
3 |
4 | module.exports = {
5 | description: 'Add a component to the app',
6 | prompts: [
7 | {
8 | type: 'list',
9 | name: 'type',
10 | message: 'Select the type of component',
11 | default: 'Stateless Function',
12 | choices: () => ['ES6 Class', 'Stateless Function'],
13 | },
14 | {
15 | type: 'input',
16 | name: 'name',
17 | message: 'What is the name of the component?',
18 | default: 'Button',
19 | validate: (value) => {
20 | if ((/.+/).test(value)) {
21 | return componentNameCheck(value) ? 'That component already exists.' : true;
22 | }
23 | return 'The name is required.';
24 | },
25 | },
26 | {
27 | type: 'confirm',
28 | name: 'wantSCSSModules',
29 | default: true,
30 | message: 'Should the component use SCSS Modules?',
31 | },
32 | {
33 | type: 'confirm',
34 | name: 'wantPropTypes',
35 | default: true,
36 | message: 'Should the component have PropTypes?',
37 | },
38 | ],
39 | actions: (data) => {
40 | const actions = [{
41 | type: 'add',
42 | path: '../../app/src/components/{{properCase name}}/index.js',
43 | templateFile: data.type === 'ES6 Class' ?
44 | './component/es6class.js.hbs' : './component/stateless.js.hbs',
45 | abortOnFail: true,
46 | }, {
47 | type: 'add',
48 | path: '../../app/src/components/{{properCase name}}/tests/index.test.js',
49 | templateFile: './component/test.js.hbs',
50 | abortOnFail: true,
51 | }];
52 |
53 | // If they want a CSS file, add styles.css
54 | if (data.wantSCSSModules) {
55 | actions.push({
56 | type: 'add',
57 | path: '../../app/src/components/{{properCase name}}/index.module.scss',
58 | templateFile: './component/styles.scss.hbs',
59 | abortOnFail: true,
60 | });
61 | }
62 |
63 | // README.md
64 | actions.push({
65 | type: 'add',
66 | path: '../../app/src/components/{{properCase name}}/README.md',
67 | templateFile: './component/README.md.hbs',
68 | abortOnFail: true,
69 | });
70 |
71 | // Add container export to index.js in container root folder
72 | actions.push({
73 | type: 'modify',
74 | path: '../../app/src/components/index.js',
75 | pattern: /(\/\* Assemble all components for export \*\/)/g,
76 | template: trimTemplateFile('config/generators/component/export.js.hbs'),
77 | });
78 |
79 | return actions;
80 | },
81 | };
82 |
--------------------------------------------------------------------------------
/client/app/src/components/UserProfile/tests/mocks.js:
--------------------------------------------------------------------------------
1 | export const user = {
2 | nameInput: {
3 | name: 'nameInput',
4 | value: '',
5 | initialValue: '',
6 | valid: false,
7 | invalid: true,
8 | dirty: false,
9 | pristine: true,
10 | error: 'value Required',
11 | active: false,
12 | touched: true,
13 | visited: true,
14 | autofilled: false,
15 | },
16 | startDateInput: {
17 | name: 'startDateInput',
18 | value: '',
19 | initialValue: '',
20 | valid: false,
21 | invalid: true,
22 | dirty: false,
23 | pristine: true,
24 | error: 'value Required',
25 | active: false,
26 | touched: false,
27 | visited: false,
28 | autofilled: false,
29 | },
30 | endDateInput: {
31 | name: 'endDateInput',
32 | value: '',
33 | initialValue: '',
34 | valid: false,
35 | invalid: true,
36 | dirty: false,
37 | pristine: true,
38 | error: 'value Required',
39 | active: false,
40 | touched: false,
41 | visited: false,
42 | autofilled: false,
43 | },
44 | typeInput: {
45 | name: 'typeInput',
46 | value: '',
47 | initialValue: '',
48 | valid: false,
49 | invalid: true,
50 | dirty: false,
51 | pristine: true,
52 | error: 'value Required',
53 | active: false,
54 | touched: false,
55 | visited: false,
56 | autofilled: false,
57 | },
58 | hostInput: {
59 | name: 'hostInput',
60 | value: '',
61 | initialValue: '',
62 | valid: false,
63 | invalid: true,
64 | dirty: false,
65 | pristine: true,
66 | error: 'value Required',
67 | active: false,
68 | touched: false,
69 | visited: false,
70 | autofilled: false,
71 | },
72 | locationInput: {
73 | name: 'locationInput',
74 | value: '',
75 | initialValue: '',
76 | valid: false,
77 | invalid: true,
78 | dirty: false,
79 | pristine: true,
80 | error: 'value Required',
81 | active: false,
82 | touched: false,
83 | visited: false,
84 | autofilled: false,
85 | },
86 | guestsInput: {
87 | name: 'guestsInput',
88 | value: '',
89 | initialValue: '',
90 | valid: true,
91 | invalid: false,
92 | dirty: false,
93 | pristine: true,
94 | active: false,
95 | touched: false,
96 | visited: false,
97 | autofilled: false,
98 | },
99 | messageInput: {
100 | name: 'messageInput',
101 | value: '',
102 | initialValue: '',
103 | valid: true,
104 | invalid: false,
105 | dirty: false,
106 | pristine: true,
107 | active: false,
108 | touched: false,
109 | visited: false,
110 | autofilled: false,
111 | },
112 | };
113 |
114 | export const mockFn = (e) => e;
115 |
--------------------------------------------------------------------------------
/client/app/src/containers/SignupContainer/tests/reducer.test.js:
--------------------------------------------------------------------------------
1 | import expect from 'expect';
2 | import * as types from '../constants';
3 | import signupReducer, { initialState } from '../reducer';
4 |
5 | describe('signupReducer', () => {
6 | it('returns the initial state', () => {
7 | expect(
8 | signupReducer(undefined, {})
9 | ).toEqual(initialState);
10 | });
11 | it('should handle reducer for SIGNUP_SHOW_ERROR', () => {
12 | const error = 'An error has occured';
13 | const stateBefore = {
14 | isLoading: true,
15 | error: null,
16 | };
17 | const stateAfter = {
18 | isLoading: false,
19 | error,
20 | };
21 | expect(
22 | signupReducer(stateBefore, {
23 | type: types.SIGNUP_SHOW_ERROR,
24 | error,
25 | })
26 | ).toEqual(stateAfter);
27 | });
28 | it('should handle reducer for SIGNUP_SHOW_MESSAGE', () => {
29 | const message = 'A message has occured';
30 | const stateBefore = {
31 | isLoading: true,
32 | message: null,
33 | };
34 | const stateAfter = {
35 | isLoading: false,
36 | message,
37 | };
38 | expect(
39 | signupReducer(stateBefore, {
40 | type: types.SIGNUP_SHOW_MESSAGE,
41 | message,
42 | })
43 | ).toEqual(stateAfter);
44 | });
45 | it('should handle reducer for SIGNUP_CLEAR_ERROR', () => {
46 | const stateBefore = {
47 | error: 'An error has occured',
48 | };
49 | const stateAfter = {
50 | error: null,
51 | };
52 | expect(
53 | signupReducer(stateBefore, {
54 | type: types.SIGNUP_CLEAR_ERROR,
55 | })
56 | ).toEqual(stateAfter);
57 | });
58 | it('should handle reducer for SIGNUP_CLEAR_MESSAGE', () => {
59 | const stateBefore = {
60 | message: 'Thank you for signing up',
61 | };
62 | const stateAfter = {
63 | message: null,
64 | };
65 | expect(
66 | signupReducer(stateBefore, {
67 | type: types.SIGNUP_CLEAR_MESSAGE,
68 | })
69 | ).toEqual(stateAfter);
70 | });
71 | it('should handle reducer for SIGNUP_SET_LOADING', () => {
72 | const stateBefore = {
73 | isLoading: false,
74 | };
75 | const stateAfter = {
76 | isLoading: true,
77 | };
78 | expect(
79 | signupReducer(stateBefore, {
80 | type: types.SIGNUP_SET_LOADING,
81 | })
82 | ).toEqual(stateAfter);
83 | });
84 | it('should handle reducer for TOGGLE_SIGNUP_TIPS', () => {
85 | const isShowing = true;
86 | const stateBefore = {
87 | isShowingTips: false,
88 | };
89 | const stateAfter = {
90 | isShowingTips: isShowing,
91 | };
92 | expect(
93 | signupReducer(stateBefore, {
94 | type: types.TOGGLE_SIGNUP_TIPS,
95 | isShowing,
96 | })
97 | ).toEqual(stateAfter);
98 | });
99 | });
100 |
--------------------------------------------------------------------------------
/client/app/src/components/LoginForm/index.js:
--------------------------------------------------------------------------------
1 | import React, { PropTypes } from 'react';
2 | import styles from './index.module.scss';
3 | import cssModules from 'react-css-modules';
4 | import Form from 'grommet-udacity/components/Form';
5 | import Heading from 'grommet-udacity/components/Heading';
6 | import FormField from 'grommet-udacity/components/FormField';
7 | import FormFields from 'grommet-udacity/components/FormFields';
8 | import Footer from 'grommet-udacity/components/Footer';
9 | import Button from 'grommet-udacity/components/Button';
10 | import Box from 'grommet-udacity/components/Box';
11 | import { AuthFormFooter } from 'components';
12 | import calculatedError from './utils/error';
13 |
14 | const LoginForm = ({
15 | passwordInput,
16 | emailInput,
17 | onSubmit,
18 | invalid,
19 | }) => (
20 |
24 |
78 |
79 | );
80 |
81 | LoginForm.propTypes = {
82 | passwordInput: PropTypes.object.isRequired,
83 | emailInput: PropTypes.object.isRequired,
84 | onSubmit: PropTypes.func.isRequired,
85 | invalid: PropTypes.bool.isRequired,
86 | };
87 |
88 | export default cssModules(LoginForm, styles);
89 |
--------------------------------------------------------------------------------