fix: enable checkbox clicks (#233)

closes #227
gatsbyjs · Jan 11, 2019 · 97faa51 · 97faa51
1 parent 64b628f
commit 97faa51
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 54 deletions.
diff --git a/src/components/ContributorArea/ContentForContributorWithNoAccount.js b/src/components/ContributorArea/ContentForContributorWithNoAccount.js
@@ -1,33 +1,14 @@
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
 import { Mutation } from 'react-apollo';
 import gql from 'graphql-tag';
-import styled, { keyframes } from 'react-emotion';
-
-import { GoMarkGithub } from 'react-icons/go';
+import styled from 'react-emotion';
 
 import UserContext from '../../context/UserContext';
 import Loading from './Loading';
 import Error from './Error';
 import CreateAccountForm from './CreateAccountForm';
-
-import {
-  Heading,
-  Lede,
-  SectionHeading,
-  SubHeading,
-  Text
-} from './AreaTypography';
-
-import {
-  animations,
-  breakpoints,
-  colors,
-  fonts,
-  radius,
-  spacing,
-  dimensions
-} from '../../utils/styles';
+import { Heading, Lede, Text } from './AreaTypography';
+import { animations } from '../../utils/styles';
 
 const CREATE_CONTRIBUTOR = gql`
   mutation($input: CreateContributorInput!) {

diff --git a/src/components/ContributorArea/ContentForNotContributor.js b/src/components/ContributorArea/ContentForNotContributor.js
@@ -1,30 +1,10 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import styled, { keyframes } from 'react-emotion';
-
-import { GoMarkGithub } from 'react-icons/go';
-
-import { login } from '../../utils/auth';
+import styled from 'react-emotion';
 import { Button as BaseButton } from '../shared/Buttons';
 import OpenIssues from './OpenIssues';
-import LogoutBar from './LogoutBar';
-import {
-  Heading,
-  Lede,
-  SectionHeading,
-  SubHeading,
-  Text
-} from './AreaTypography';
-
-import {
-  breakpoints,
-  colors,
-  fonts,
-  radius,
-  spacing,
-  dimensions,
-  animations
-} from '../../utils/styles';
+import { Heading, Lede, Text } from './AreaTypography';
+import { spacing, animations } from '../../utils/styles';
 
 const ContentForNotContributorRoot = styled(`div`)`
   animation: ${animations.simpleEntry};

diff --git a/src/components/ContributorArea/CreateAccountForm.js b/src/components/ContributorArea/CreateAccountForm.js
@@ -1,19 +1,13 @@
 import React from 'react';
-import styled, { keyframes } from 'react-emotion';
+import styled from 'react-emotion';
 
 import { PrimaryButton } from '../shared/Buttons';
 import {
   Fieldset as BaseFieldset,
   Input as BaseInput,
   Label as BaseLabel
 } from '../shared/FormElements';
-import {
-  breakpoints,
-  colors,
-  spacing,
-  radius,
-  input
-} from '../../utils/styles';
+import { breakpoints, colors, spacing, radius } from '../../utils/styles';
 
 const CreateAccountFormRoot = styled('form')`
   display: flex;
@@ -162,7 +156,7 @@ class CreateAccountForm extends React.Component {
           />
         </Fieldset>
 
-        <CheckboxContainer>
+        <CheckboxContainer onClick={this.onToggle}>
           <Checkbox
             type="checkbox"
             name="subscribe"