Added placeholders product fields (#1472)

reactioncommerce · Oct 6, 2016 · 5a5c4ed · 5a5c4ed
1 parent d49a0b3
commit 5a5c4ed
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 2 deletions.
diff --git a/imports/plugins/included/product-admin/client/components/productAdmin.js b/imports/plugins/included/product-admin/client/components/productAdmin.js
@@ -113,48 +113,58 @@ class ProductAdmin extends Component {
           />
           <CardBody>
             <TextField
-              i18nKeyLabel="productDetailEdit.productTitle"
+              i18nKeyLabel="productDetailEdit.title"
+              i18nKeyPlaceholder="productDetailEdit.title"
               label="Title"
               multiline={true}
               name="title"
               onBlur={this.handleFieldBlur}
               onChange={this.handleFieldChange}
+              placeholder="Title"
               value={this.product.title}
             />
             <TextField
               helpText={this.permalink}
               i18nKeyLabel="productDetailEdit.permalink"
+              i18nKeyPlaceholder="productDetailEdit.permalink"
               label="Permalink"
               name="handle"
               onBlur={this.handleFieldBlur}
               onChange={this.handleFieldChange}
+              placeholder="Permalink"
               value={this.product.handle}
             />
             <TextField
               i18nKeyLabel="productDetailEdit.pageTitle"
+              i18nKeyPlaceholder="productDetailEdit.pageTitle"
               label="Subtitle"
               multiline={true}
               name="pageTitle"
               onBlur={this.handleFieldBlur}
               onChange={this.handleFieldChange}
+              placeholder="Subtitle"
               value={this.product.pageTitle}
             />
             <TextField
               i18nKeyLabel="productDetailEdit.vendor"
+              i18nKeyPlaceholder="productDetailEdit.vendor"
               label="Vendor"
               multiline={true}
               name="vendor"
               onBlur={this.handleFieldBlur}
               onChange={this.handleFieldChange}
+              placeholder="Vendor"
               value={this.product.vendor}
             />
             <TextField
               i18nKeyLabel="productDetailEdit.description"
+              i18nKeyPlaceholder="productDetailEdit.description"
               label="Description"
               multiline={true}
               name="description"
               onBlur={this.handleFieldBlur}
               onChange={this.handleFieldChange}
+              placeholder="Description"
               value={this.product.description}
             />
             <Divider />

diff --git a/imports/plugins/included/product-detail-simple/client/components/productDetail.js b/imports/plugins/included/product-detail-simple/client/components/productDetail.js
@@ -35,6 +35,10 @@ class ProductDetail extends Component {
               element={<h1 />}
               onProductFieldChange={this.props.handleProductFieldChange}
               product={this.product}
+              textFieldProps={{
+                i18nKeyPlaceholder: "productDetailEdit.title",
+                placeholder: "Title"
+              }}
             />
 
             <ProductField
@@ -44,6 +48,10 @@ class ProductDetail extends Component {
               element={<h2 />}
               onProductFieldChange={this.props.handleProductFieldChange}
               product={this.product}
+              textFieldProps={{
+                i18nKeyPlaceholder: "productDetailEdit.pageTitle",
+                placeholder: "Subtitle"
+              }}
             />
           </header>
 
@@ -79,6 +87,10 @@ class ProductDetail extends Component {
                   fieldTitle="Vendor"
                   onProductFieldChange={this.props.handleProductFieldChange}
                   product={this.product}
+                  textFieldProps={{
+                    i18nKeyPlaceholder: "productDetailEdit.vendor",
+                    placeholder: "Vendor"
+                  }}
                 />
               </div>
 
@@ -90,6 +102,10 @@ class ProductDetail extends Component {
                   multiline={true}
                   onProductFieldChange={this.props.handleProductFieldChange}
                   product={this.product}
+                  textFieldProps={{
+                    i18nKeyPlaceholder: "productDetailEdit.description",
+                    placeholder: "Description"
+                  }}
                 />
               </div>
 

diff --git a/private/data/i18n/en.json b/private/data/i18n/en.json
@@ -324,7 +324,7 @@
         "parmalink": "Permalink",
         "pageTitle": "Subtitle",
         "vendor": "Vendor",
-        "description": "Bescription",
+        "description": "Description",
         "facebookMsg": "Facebook Message",
         "twitterMsg": "Twitter Message",
         "pinterestMsg": "Pinterest Message",