24 | Sam 25 | Engineering Manager, Buzzfeed 26 | Job URL 27 |
28 | ` 29 | }; 30 | 31 | this.receiveHtml = this.receiveHtml.bind(this); 32 | } 33 | 34 | receiveHtml = (content) => { 35 | if (this.state.htmlContent !== content) { 36 | this.props.onEdit(content); 37 | } 38 | } 39 | 40 | componentWillReceiveProps(nextProps) { 41 | if (nextProps.email !== this.props.email) { 42 | this.setState({ htmlContent: nextProps.email }); 43 | } 44 | } 45 | 46 | render() { 47 | return ( 48 |
57 |
59 | 
*/}
69 | {/**/}
70 |
71 |
91 |
92 | );
93 | }
94 | }
95 |
96 |
97 | export default Email;
98 |
--------------------------------------------------------------------------------
/src/components/Header.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import { Row, Col } from 'antd';
3 |
4 | import logo from '../assets/img/coldoutreach-logo.png';
5 | import '../assets/styles/css/header.css';
6 |
7 | class Header extends Component {
8 | render() {
9 | return (
10 | 1 Email generated for:
62 |{candidate_json.name}
64 |{candidate_json.email}
65 | {/*http://www.linkedin.com/in/amykeys
*/} 66 | 67 | {/**/}
69 | {/**/}
70 |
71 |
73 |
74 |
75 | {/**/}
76 |
77 |
78 |
79 |
80 |
81 | {/**/}
82 |
87 |
88 |
89 |
90 |
11 |
12 | 
14 |
15 |
16 |
17 | );
18 | }
19 | }
20 |
21 | export default Header;
22 |
--------------------------------------------------------------------------------
/src/components/Home.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import { Row, Col, Button, Icon } from 'antd';
3 | import Header from './Header';
4 | import Card from './landing/Card';
5 | import Info from './landing/Info';
6 | import Testimonial from './landing/Testimonial';
7 |
8 | import '../assets/styles/css/home.css';
9 | import candidate from '../assets/img/candidate.svg';
10 | import generate from '../assets/img/generate.svg';
11 | import email from '../assets/img/email.svg';
12 | import recruit_1 from '../assets/img/recruit_1.svg';
13 | import recruit_2 from '../assets/img/recruit_2.svg';
14 | import recruit_3 from '../assets/img/recruit_3.svg';
15 | import decor from '../assets/img/decor.svg';
16 |
17 | class Home extends Component {
18 | render() {
19 | return (
20 |
21 |
51 | 
73 |
74 |
75 |
79 |
80 |
81 |
85 |
86 | );
87 | }
88 | }
89 |
90 | export default Home;
91 |
--------------------------------------------------------------------------------
/src/components/Resume.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import { Button, Col, Icon, Row, Upload } from 'antd';
3 |
4 | import Header from './Header';
5 |
6 | import '../assets/styles/css/resume.css';
7 |
8 |
9 | class Resume extends Component {
10 | constructor(props) {
11 | super(props);
12 |
13 | this.state = {
14 | candidate_file: null,
15 | recruiter_file: null,
16 | };
17 | }
18 |
19 | onSubmit() {
20 | let data = new FormData();
21 |
22 | data.append('candidate_file', this.state.candidate_file);
23 | data.append('recruiter_file', this.state.recruiter_file);
24 |
25 | this.props.uploadResume(data);
26 | }
27 |
28 | render() {
29 | const { resume } = this.props;
30 |
31 | const candidateProps = {
32 | beforeUpload: (file) => {
33 | this.setState({
34 | candidate_file: file
35 | });
36 | return false;
37 | },
38 | onRemove: (file) => {
39 | this.setState({ candidate_file: null });
40 | },
41 | };
42 |
43 |
44 | const recruiterProps = {
45 | beforeUpload: (file) => {
46 | this.setState({
47 | recruiter_file: file
48 | });
49 | return false;
50 | },
51 | onRemove: (file) => {
52 | this.setState({ recruiter_file: null });
53 | },
54 | };
55 |
56 | return (
57 |
22 |
24 |
37 |
39 |
40 |
42 |
43 |
45 |
46 |
47 |
48 |
49 |
50 | A Better Way to Find Talent
26 |27 | Instantly create custom 28 | outreach emails tailored to 29 | each candidate. 30 |
31 | 34 | 35 |Recruit the Smart Way
53 | 54 |
58 |
60 |
70 | {!this.state.recruiter_file && (
71 |
77 |
78 |
79 |
80 |
89 | {!this.state.candidate_file && (
90 |
96 |
97 |
98 |
99 |
106 |
107 | );
108 | }
109 | }
110 |
111 | export default Resume;
112 |
--------------------------------------------------------------------------------
/src/components/landing/Card.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 |
3 | import '../../assets/styles/css/card.css';
4 |
5 |
6 | class Card extends Component {
7 |
8 | render() {
9 | const { title, image, alt } = this.props;
10 | const words = title.split(" ");
11 | return (
12 | Upload Your Resume
64 | 65 |
72 |
75 | )}
76 | Upload
74 | Upload Candidate Resume
83 | 84 |
91 |
94 | )}
95 | Upload
93 |
13 | 
14 |
16 | );
17 | }
18 |
19 | }
20 |
21 |
22 | export default Card;
23 |
--------------------------------------------------------------------------------
/src/components/landing/Info.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react';
2 | import { Row, Col } from 'antd';
3 |
4 | import '../../assets/styles/css/info.css';
5 |
6 | class Info extends Component {
7 | render() {
8 | const {id, image, alt, title, content} = this.props;
9 |
10 | return (
11 | { words.map(word => {word}) }
15 |{title}
15 | 16 |{content}
18 | 19 |{quote}
22 | 23 |{author}
{profession}
27 |
16 |
17 |
63 |
64 | );
65 | }
66 |
67 | }
68 |
69 | export default Testimonial;
70 |
--------------------------------------------------------------------------------
/src/containers/Email.js:
--------------------------------------------------------------------------------
1 | import { connect } from 'react-redux';
2 |
3 | import Email from '../components/Email';
4 |
5 | import * as ResumeActions from '../actions/index';
6 |
7 |
8 | const mapStateToProps = (state, ownProps) => {
9 | return { ...state };
10 | };
11 |
12 |
13 | export default connect(mapStateToProps, {
14 | generateEmail: ResumeActions.GenerateEmail
15 | })(Email);
16 |
--------------------------------------------------------------------------------
/src/containers/Home.js:
--------------------------------------------------------------------------------
1 | import { connect } from 'react-redux';
2 |
3 | import Home from '../components/Home';
4 |
5 | const mapStateToProps = (state, ownProps) => {
6 | return { ...state };
7 | };
8 |
9 | const mapDispatchToProps = dispatch => {
10 | return {};
11 | };
12 |
13 | export default connect(mapStateToProps, mapDispatchToProps)(Home);
14 |
--------------------------------------------------------------------------------
/src/containers/Resume.js:
--------------------------------------------------------------------------------
1 | import { connect } from 'react-redux';
2 |
3 | import Resume from '../components/Resume';
4 |
5 | import * as ResumeActions from '../actions/index';
6 |
7 |
8 | const mapStateToProps = (state, ownProps) => {
9 | return { ...state };
10 | };
11 |
12 |
13 | export default connect(mapStateToProps, {
14 | uploadResume: ResumeActions.UploadResume
15 | })(Resume);
16 |
--------------------------------------------------------------------------------
/src/containers/index.js:
--------------------------------------------------------------------------------
1 | export { default as EmailContainer } from './Email';
2 | export { default as HomeContainer } from './Home';
3 | export { default as ResumeContainer } from './Resume';
4 |
--------------------------------------------------------------------------------
/src/epics/index.js:
--------------------------------------------------------------------------------
1 | import { combineEpics } from 'redux-observable';
2 |
3 | // Epics
4 | import { epics as resumeEpics } from './resume';
5 |
6 |
7 | const rootEpic = combineEpics(
8 | resumeEpics
9 | );
10 |
11 |
12 | export default rootEpic;
13 |
--------------------------------------------------------------------------------
/src/epics/resume.js:
--------------------------------------------------------------------------------
1 | import { ActionsObservable, combineEpics } from 'redux-observable';
2 | import { ajax } from 'rxjs/observable/dom/ajax';
3 |
4 | // rxjs
5 | import 'rxjs/add/operator/catch';
6 | import 'rxjs/add/operator/map';
7 | import 'rxjs/add/observable/of';
8 | import 'rxjs/add/operator/switchMap';
9 |
10 | import * as Actions from '../actions';
11 | import { history } from '../store';
12 |
13 |
14 | const uploadResumeEpic = (action$) =>
15 | action$
16 | .ofType(Actions.UPLOAD_RESUME)
17 | .switchMap((action) => {
18 | return ajax.post(`/api/profile`, action.payload)
19 | .map((data) => {
20 | history.push('/email');
21 | return Actions.UploadResumeSuccess(data.response)
22 | })
23 | .catch((error) => ActionsObservable.of(Actions.Error(error)));
24 | });
25 |
26 |
27 | const generateEmailEpic = (action$) =>
28 | action$
29 | .ofType(Actions.GENERATE_EMAIL)
30 | .switchMap((action) => {
31 | return ajax.post(`/api/email`, action.payload, { 'Content-Type': 'application/json' })
32 | .map((data) => {
33 | return Actions.GenerateEmailSuccess(data.response.generated_text)
34 | })
35 | .catch((error) => ActionsObservable.of(Actions.Error(error)));
36 | });
37 |
38 |
39 | export const epics = combineEpics(
40 | generateEmailEpic,
41 | uploadResumeEpic,
42 | );
43 |
--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import { ConnectedRouter } from 'react-router-redux';
4 |
5 | // Providers
6 | import { LocaleProvider } from 'antd';
7 | import { Provider as ReduxProvider } from 'react-redux';
8 | import enUS from 'antd/lib/locale-provider/en_US';
9 |
10 | import store, { history } from './store';
11 |
12 | import App from './App';
13 |
14 | import registerServiceWorker from './registerServiceWorker';
15 |
16 | ReactDOM.render(
17 |
18 |
29 |
30 |
40 |
41 |
51 |
52 |
62 |