Skip to content
This repository was archived by the owner on Mar 18, 2021. It is now read-only.

Started creating the contact page form #39

Open
Artsyy wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Started creating the contact page form #39

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
edd653f
created a contact page form that for now just asks for email using fo…
Artsyy Sep 23, 2017
94da174
tests(2017f/contact-page) add test
4shub Sep 23, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 32 additions & 0 deletions HackMerced/2017F/src/app/src/components/forms/contact.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
/**
* Form.react.js
*
* The contact page is just a huge form that which
* is controlled from the application stage
*
*/

import React, { Component } from 'react';
import { TextInputBlock } from '../partials/';
//include the third import

const assign = Object.assign || require('object.assign');

export class ContactForm extends Component {

render() {
return (
<h3>Questions? Comments? Kudos?</h3>
<h3> Contact us here!</h3>

<form method="POST" action="http://formspree.io/hello@hackmerced.com" >

<input type="email" name="email" placeholder="Your email">

<textarea name="message" placeholder="Your message"></textarea>

<button className='object--center button--gold'>Submit</button>
</form>
);
}
}
11 changes: 11 additions & 0 deletions HackMerced/2017F/src/app/tests/components/contact.spec.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
import React from 'react'

import { shallow } from 'enzyme'
import { Contact } from 'components/contact'

describe('Contact', () => {
it('renders as a <div>', () => {
shallow(<Contact/>)
.should.have.tagName('div')
})
})