From 632af35d8a0871ca8c1041d0e14d63e2b457d168 Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Thu, 10 May 2018 16:02:07 -0400
Subject: Styles

---
 frontend/components/CreateItem.js | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

(limited to 'frontend/components/CreateItem.js')

diff --git a/frontend/components/CreateItem.js b/frontend/components/CreateItem.js
index 2aabb5b..b40932c 100644
--- a/frontend/components/CreateItem.js
+++ b/frontend/components/CreateItem.js
@@ -1,10 +1,9 @@
 import React, { Component } from 'react';
 import { Mutation } from 'react-apollo';
-import { CREATE_ITEM_MUTATION, ALL_ITEMS_QUERY } from '../queries/queries';
+import Router from 'next/router';
+import { CREATE_ITEM_MUTATION } from '../queries/queries';
 import Error from './ErrorMessage';
 import Form from './styles/Form';
-import PropTypes from 'prop-types';
-import Router from 'next/router';
 import formatMoney from '../lib/formatMoney';
 
 class CreateItem extends Component {
@@ -66,14 +65,20 @@ class CreateItem extends Component {
             <h2>Sell an Item.</h2>
             <Error error={error} />
             <fieldset disabled={loading} aria-busy={loading}>
-              <label>
+              <label htmlFor="file">
                 Image
-                <input required onChange={this.uploadFile} type="file" accept=".png, .jpg, .jpeg" />
+                <input
+                  required
+                  id="file"
+                  onChange={this.uploadFile}
+                  type="file"
+                  accept=".png, .jpg, .jpeg"
+                />
                 {this.state.image ? (
                   <img src={this.state.image} width="100" alt={this.state.title} />
                 ) : null}
               </label>
-              <label>
+              <label htmlFor="title">
                 Title
                 <input
                   required
@@ -85,7 +90,7 @@ class CreateItem extends Component {
                   placeholder="Title"
                 />
               </label>
-              <label>
+              <label htmlFor="price">
                 Price {this.state.price && formatMoney(this.state.price)}
                 <input
                   required
-- 
cgit v1.3