Improve labels

src/categories/components/CategoryDeleteDialog/CategoryDeleteDialog.tsx

@@ -47,11 +47,11 @@ const CategoryDeleteDialog = withStyles(styles, {
     <DialogContent>
       <DialogContentText>
         <FormattedMessage
-          defaultMessage="Are you sure you want to remove {name}?"
+          defaultMessage="Are you sure you want to delete {categoryName}?"
           description="delete category"
-          id="<categoryDeleteDialogContent<"
+          id="categoryDeleteDialogContent"
           values={{
-            name: <strong>{name}</strong>
+            categoryName: <strong>{name}</strong>
           }}
         />
       </DialogContentText>

src/categories/components/CategoryDetailsForm/CategoryDetailsForm.tsx

@@ -54,8 +54,7 @@ export const CategoryDetailsForm = withStyles(styles, {
               <TextField
                 classes={{ root: classes.root }}
                 label={intl.formatMessage({
-                  defaultMessage: "Name",
-                  description: "category name",
+                  defaultMessage: "Category Name",
                   id: "categoryDetailsFormNameInputLabel"
                 })}
                 name="name"
@@ -71,7 +70,10 @@ export const CategoryDetailsForm = withStyles(styles, {
               disabled={disabled}
               error={!!errors.descriptionJson}
               helperText={errors.descriptionJson}
-              label={intl.formatMessage(commonMessages.description)}
+              label={intl.formatMessage({
+                defaultMessage: "Category Description",
+                id: "categoryDetailsFormDescriptionInputLabel"
+              })}
               initial={maybe(() => JSON.parse(category.descriptionJson))}
               name="description"
               onChange={onChange}

src/categories/components/CategoryList/CategoryList.tsx

@@ -134,8 +134,8 @@ const CategoryList = withStyles(styles, { name: "CategoryList" })(
             </TableCell>
             <TableCell className={classes.colProducts}>
               <FormattedMessage
-                defaultMessage="No. Products"
-                description="number of products in category"
+                defaultMessage="No. of Products"
+                description="number of products"
                 id="categoryListNumberOfProductsColumnHeader"
               />
             </TableCell>

src/categories/components/CategoryProductsCard/CategoryProductsCard.tsx

@@ -31,17 +31,18 @@ export const CategoryProductsCard: React.StatelessComponent<
   toolbar
 }) => {
   const intl = useIntl();
+
   return (
     <Card>
       <CardTitle
         title={intl.formatMessage(
           {
-            defaultMessage: "Products in {name}",
-            description: "products in category, section header",
+            defaultMessage: "Products in {categoryName}",
+            description: "section header",
             id: "categoryProductsCardHeader"
           },
           {
-            name: categoryName
+            categoryName
           }
         )}
         toolbar={

src/categories/views/CategoryDetails.tsx

@@ -332,11 +332,10 @@ export const CategoryDetails: React.StatelessComponent<
                                   >
                                     <DialogContentText>
                                       <FormattedMessage
-                                        defaultMessage="Are you sure you want to delete {name}?"
-                                        description="delete category"
+                                        defaultMessage="Are you sure you want to delete {categoryName}?"
                                         id="categoryDetailsDeleteCategoryDialogContent"
                                         values={{
-                                          name: (
+                                          categoryName: (
                                             <strong>
                                               {maybe(
                                                 () => data.category.name,
@@ -349,7 +348,7 @@ export const CategoryDetails: React.StatelessComponent<
                                     </DialogContentText>
                                     <DialogContentText>
                                       <FormattedMessage
-                                        defaultMessage="Remember that this will also delete all products assigned to this category."
+                                        defaultMessage="Remember this will also delete all products assigned to this category."
                                         id="categoryDetailsDeleteCategoryDialogContentAdditionalText"
                                       />
                                     </DialogContentText>
@@ -393,7 +392,7 @@ export const CategoryDetails: React.StatelessComponent<
                                     </DialogContentText>
                                     <DialogContentText>
                                       <FormattedMessage
-                                        defaultMessage="Remember that this will also delete all products assigned to this category."
+                                        defaultMessage="Remember this will also delete all products assigned to this category."
                                         id="categoryDetailsDeleteCategoriesDialogContentAdditionalText"
                                       />
                                     </DialogContentText>

src/categories/views/CategoryList.tsx

@@ -146,7 +146,7 @@ export const CategoryList: React.StatelessComponent<CategoryListProps> = ({
                     />
                     <DialogContentText>
                       <FormattedMessage
-                        defaultMessage="Remember that this will also delete all products assigned to this category."
+                        defaultMessage="Remember this will also delete all products assigned to this category."
                         id="categoryListDeleteCategoriesDialogContentAdditionalText"
                       />
                     </DialogContentText>