Thanks to visit codestin.com
Credit goes to github.com

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

Resolved Issue #53 #57

Merged
merged 3 commits into from
Oct 24, 2017
Merged
Changes from 1 commit
Commits
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
Prev Previous commit
fix mobile view of subscribe section
  • Loading branch information
pbteja1998 committed Oct 24, 2017
commit 9d7cc951f93bf3979d2ede798255e95101a39310
32 changes: 19 additions & 13 deletions components/subscribe.js
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import React, { Component } from 'react';
import { Form, Message } from 'semantic-ui-react';
import { Form, Message, Grid } from 'semantic-ui-react';
import { baseEventsURL, subscribeURL } from '../utils/urls';

class Subscribe extends Component {
Expand Down Expand Up @@ -76,18 +76,24 @@ class Subscribe extends Component {
) : (
<Form onSubmit={this.handleSubmit} error={hasError}>
<Form.Group>
<Form.Input
placeholder="Enter email address"
name="email"
value={this.state.subscribersEmail}
onChange={this.handleChange}
disabled={this.state.submittingEmail}
/>
<Form.Button
loading={this.state.submittingEmail}
color="pink"
content="Subscribe"
/>
<Grid stackable columns={2}>
<Grid.Column width={12}>
<Form.Input
placeholder="Enter email address"
name="email"
value={this.state.subscribersEmail}
onChange={this.handleChange}
disabled={this.state.submittingEmail}
/>
</Grid.Column>
<Grid.Column width={4}>
<Form.Button
loading={this.state.submittingEmail}
color="pink"
content="Subscribe"
/>
</Grid.Column>
</Grid>
</Form.Group>
<Message
error
Expand Down