From cb16d680604ea9a62dae41cf6c6b7dc9eac7d5dc Mon Sep 17 00:00:00 2001
From: dominik-zeglen <flesz3@o2.pl>
Date: Tue, 27 Aug 2019 11:35:54 +0200
Subject: [PATCH] Fix snapshot testing

---
 .babelrc                                      |  34 --
 babel.config.js                               |  42 ++
 package-lock.json                             |  13 -
 package.json                                  |   7 +-
 .../CollectionProducts/CollectionProducts.tsx |  13 +-
 .../HomeNotificationTable.tsx                 | 202 +++++----
 .../OrderFulfillment/OrderFulfillment.tsx     |   4 +-
 src/pages/components/PageInfo/PageInfo.tsx    |   2 +-
 .../ProductUpdatePage/ProductUpdatePage.tsx   |   4 +
 .../__snapshots__/Stories.test.ts.snap        | 383 +++++++++---------
 src/storybook/stories/home/HomePage.tsx       |   8 +-
 11 files changed, 346 insertions(+), 366 deletions(-)
 delete mode 100644 .babelrc
 create mode 100644 babel.config.js

diff --git a/.babelrc b/.babelrc
deleted file mode 100644
index e25d8f3b8..000000000
--- a/.babelrc
+++ /dev/null
@@ -1,34 +0,0 @@
-{
-  "presets": [
-    [
-      "@babel/preset-env",
-      {
-        "corejs": "3.2.1",
-        "modules": false,
-        "useBuiltIns": "usage"
-      }
-    ],
-    "@babel/preset-react",
-    "@babel/preset-typescript"
-  ],
-  "plugins": [
-    "@babel/plugin-proposal-numeric-separator",
-    "@babel/plugin-proposal-class-properties",
-    [
-      "@babel/plugin-proposal-decorators",
-      {
-        "decoratorsBeforeExport": true
-      }
-    ],
-    "@babel/plugin-proposal-object-rest-spread",
-    "react-intl-auto",
-    [
-      "react-intl",
-      {
-        "extractFromFormatMessageCall": true,
-        "messagesDir": "build/locale/"
-      }
-    ]
-  ],
-  "ignore": ["**/*.test.ts", "**/*.test.tsx", "src/storybook"]
-}
diff --git a/babel.config.js b/babel.config.js
new file mode 100644
index 000000000..9ebdb1c97
--- /dev/null
+++ b/babel.config.js
@@ -0,0 +1,42 @@
+module.exports = api => {
+  const isTest = api.env("test");
+
+  const ignore = isTest
+    ? []
+    : ["**/*.test.ts", "**/*.test.tsx", "src/storybook"];
+
+  return {
+    presets: [
+      [
+        "@babel/preset-env",
+        {
+          corejs: "3.2.1",
+          modules: isTest ? "auto" : false,
+          useBuiltIns: "usage"
+        }
+      ],
+      "@babel/preset-react",
+      "@babel/preset-typescript"
+    ],
+    plugins: [
+      "@babel/plugin-proposal-numeric-separator",
+      "@babel/plugin-proposal-class-properties",
+      [
+        "@babel/plugin-proposal-decorators",
+        {
+          decoratorsBeforeExport: true
+        }
+      ],
+      "@babel/plugin-proposal-object-rest-spread",
+      "react-intl-auto",
+      [
+        "react-intl",
+        {
+          extractFromFormatMessageCall: true,
+          messagesDir: "build/locale/"
+        }
+      ]
+    ],
+    ignore
+  };
+};
diff --git a/package-lock.json b/package-lock.json
index a3b8d9fa2..97f41e770 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19629,19 +19629,6 @@
         }
       }
     },
-    "ts-loader": {
-      "version": "5.4.5",
-      "resolved": "https://registry.npmjs.org/ts-loader/-/ts-loader-5.4.5.tgz",
-      "integrity": "sha512-XYsjfnRQCBum9AMRZpk2rTYSVpdZBpZK+kDh0TeT3kxmQNBDVIeUjdPjY5RZry4eIAb8XHc4gYSUiUWPYvzSRw==",
-      "dev": true,
-      "requires": {
-        "chalk": "^2.3.0",
-        "enhanced-resolve": "^4.0.0",
-        "loader-utils": "^1.0.2",
-        "micromatch": "^3.1.4",
-        "semver": "^5.0.1"
-      }
-    },
     "ts-node": {
       "version": "8.3.0",
       "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-8.3.0.tgz",
diff --git a/package.json b/package.json
index 8663c5f9d..e82b33d49 100644
--- a/package.json
+++ b/package.json
@@ -139,13 +139,8 @@
     "fsevents": "^1.2.9"
   },
   "jest": {
-    "globals": {
-      "ts-jest": {
-        "tsConfig": "tsconfig.json"
-      }
-    },
     "transform": {
-      "^.+\\.tsx?$": "ts-jest",
+      "^.+\\.(jsx?|tsx?)$": "babel-jest",
       "^.+\\.(png|svg|jpe?g)$": "jest-file"
     },
     "testRegex": ".*\\.test\\.tsx?$",
diff --git a/src/collections/components/CollectionProducts/CollectionProducts.tsx b/src/collections/components/CollectionProducts/CollectionProducts.tsx
index 06be723e1..2fb889616 100644
--- a/src/collections/components/CollectionProducts/CollectionProducts.tsx
+++ b/src/collections/components/CollectionProducts/CollectionProducts.tsx
@@ -91,10 +91,15 @@ const CollectionProducts = withStyles(styles, { name: "CollectionProducts" })(
         <CardTitle
           title={
             !!collection ? (
-              intl.formatMessage({
-                defaultMessage: "Products in {name}",
-                description: "products in collection"
-              })
+              intl.formatMessage(
+                {
+                  defaultMessage: "Products in {name}",
+                  description: "products in collection"
+                },
+                {
+                  name: maybe(() => collection.name, "...")
+                }
+              )
             ) : (
               <Skeleton />
             )
diff --git a/src/home/components/HomeNotificationTable/HomeNotificationTable.tsx b/src/home/components/HomeNotificationTable/HomeNotificationTable.tsx
index 0262142a2..cf63c5597 100644
--- a/src/home/components/HomeNotificationTable/HomeNotificationTable.tsx
+++ b/src/home/components/HomeNotificationTable/HomeNotificationTable.tsx
@@ -12,7 +12,7 @@ import TableRow from "@material-ui/core/TableRow";
 import Typography from "@material-ui/core/Typography";
 import KeyboardArrowRight from "@material-ui/icons/KeyboardArrowRight";
 import React from "react";
-import { FormattedMessage, useIntl } from "react-intl";
+import { FormattedMessage } from "react-intl";
 
 import Skeleton from "@saleor/components/Skeleton";
 
@@ -46,108 +46,104 @@ const HomeNotificationTable = withStyles(styles, {
     ordersToCapture,
     ordersToFulfill,
     productsOutOfStock
-  }: HomeNotificationTableProps) => {
-    const intl = useIntl();
-
-    return (
-      <Card>
-        <Table>
-          <TableBody className={classes.tableRow}>
-            <TableRow hover={true} onClick={onOrdersToFulfillClick}>
-              <TableCell>
-                {ordersToFulfill === undefined ? (
-                  <Skeleton />
-                ) : ordersToFulfill === 0 ? (
-                  <Typography>
-                    <FormattedMessage
-                      defaultMessage="No orders ready to fulfill"
-                      id="homeNotificationTableNoOrders"
-                    />
-                  </Typography>
-                ) : (
-                  <Typography>
-                    <FormattedMessage
-                      defaultMessage="{amount, plural,
-                        one {One order}
-                        other {{amount} Orders}
-                      } are ready to fulfill"
-                      id="homeNotificationTableOrders"
-                      values={{
-                        amount: ordersToFulfill
-                      }}
-                    />
-                  </Typography>
-                )}
-              </TableCell>
-              <TableCell className={classes.arrowIcon}>
-                <KeyboardArrowRight />
-              </TableCell>
-            </TableRow>
-            <TableRow hover={true} onClick={onOrdersToCaptureClick}>
-              <TableCell>
-                {ordersToCapture === undefined ? (
-                  <Skeleton />
-                ) : ordersToCapture === 0 ? (
-                  <Typography>
-                    <FormattedMessage
-                      defaultMessage="No payments waiting for capture"
-                      id="homeNotificationsNoPayments"
-                    />
-                  </Typography>
-                ) : (
-                  <Typography>
-                    <FormattedMessage
-                      defaultMessage="{amount, plural,
-                        one {One payment}
-                        other {{amount} Payments}
-                      } to capture"
-                      id="homeNotificationTablePayments"
-                      values={{
-                        amount: ordersToCapture
-                      }}
-                    />
-                  </Typography>
-                )}
-              </TableCell>
-              <TableCell className={classes.arrowIcon}>
-                <KeyboardArrowRight />
-              </TableCell>
-            </TableRow>
-            <TableRow hover={true} onClick={onProductsOutOfStockClick}>
-              <TableCell>
-                {productsOutOfStock === undefined ? (
-                  <Skeleton />
-                ) : productsOutOfStock === 0 ? (
-                  <Typography>
-                    <FormattedMessage
-                      defaultMessage="No products out of stock"
-                      id="homeNotificationsTableNoProducts"
-                    />
-                  </Typography>
-                ) : (
-                  <Typography>
-                    <FormattedMessage
-                      defaultMessage="{amount, plural,
-                        one {One product}
-                        other {{amount} Products}
-                      } out of stock"
-                      id="homeNotificationTableProducts"
-                      values={{
-                        amount: productsOutOfStock
-                      }}
-                    />
-                  </Typography>
-                )}
-              </TableCell>
-              <TableCell className={classes.arrowIcon}>
-                <KeyboardArrowRight />
-              </TableCell>
-            </TableRow>
-          </TableBody>
-        </Table>
-      </Card>
-    );
-  }
+  }: HomeNotificationTableProps) => (
+    <Card>
+      <Table>
+        <TableBody className={classes.tableRow}>
+          <TableRow hover={true} onClick={onOrdersToFulfillClick}>
+            <TableCell>
+              {ordersToFulfill === undefined ? (
+                <Skeleton />
+              ) : ordersToFulfill === 0 ? (
+                <Typography>
+                  <FormattedMessage
+                    defaultMessage="No orders ready to fulfill"
+                    id="homeNotificationTableNoOrders"
+                  />
+                </Typography>
+              ) : (
+                <Typography>
+                  <FormattedMessage
+                    defaultMessage="{amount, plural,
+                  one {One order}
+                  other {{amount} Orders}
+                } are ready to fulfill"
+                    id="homeNotificationTableOrders"
+                    values={{
+                      amount: ordersToFulfill
+                    }}
+                  />
+                </Typography>
+              )}
+            </TableCell>
+            <TableCell className={classes.arrowIcon}>
+              <KeyboardArrowRight />
+            </TableCell>
+          </TableRow>
+          <TableRow hover={true} onClick={onOrdersToCaptureClick}>
+            <TableCell>
+              {ordersToCapture === undefined ? (
+                <Skeleton />
+              ) : ordersToCapture === 0 ? (
+                <Typography>
+                  <FormattedMessage
+                    defaultMessage="No payments waiting for capture"
+                    id="homeNotificationsNoPayments"
+                  />
+                </Typography>
+              ) : (
+                <Typography>
+                  <FormattedMessage
+                    defaultMessage="{amount, plural,
+                  one {One payment}
+                  other {{amount} Payments}
+                } to capture"
+                    id="homeNotificationTablePayments"
+                    values={{
+                      amount: ordersToCapture
+                    }}
+                  />
+                </Typography>
+              )}
+            </TableCell>
+            <TableCell className={classes.arrowIcon}>
+              <KeyboardArrowRight />
+            </TableCell>
+          </TableRow>
+          <TableRow hover={true} onClick={onProductsOutOfStockClick}>
+            <TableCell>
+              {productsOutOfStock === undefined ? (
+                <Skeleton />
+              ) : productsOutOfStock === 0 ? (
+                <Typography>
+                  <FormattedMessage
+                    defaultMessage="No products out of stock"
+                    id="homeNotificationsTableNoProducts"
+                  />
+                </Typography>
+              ) : (
+                <Typography>
+                  <FormattedMessage
+                    defaultMessage="{amount, plural,
+                  one {One product}
+                  other {{amount} Products}
+                } out of stock"
+                    id="homeNotificationTableProducts"
+                    values={{
+                      amount: productsOutOfStock
+                    }}
+                  />
+                </Typography>
+              )}
+            </TableCell>
+            <TableCell className={classes.arrowIcon}>
+              <KeyboardArrowRight />
+            </TableCell>
+          </TableRow>
+        </TableBody>
+      </Table>
+    </Card>
+  )
 );
 HomeNotificationTable.displayName = "HomeNotificationTable";
 export default HomeNotificationTable;
diff --git a/src/orders/components/OrderFulfillment/OrderFulfillment.tsx b/src/orders/components/OrderFulfillment/OrderFulfillment.tsx
index 45ffb159b..8c35c4a49 100644
--- a/src/orders/components/OrderFulfillment/OrderFulfillment.tsx
+++ b/src/orders/components/OrderFulfillment/OrderFulfillment.tsx
@@ -86,8 +86,8 @@ const OrderFulfillment = withStyles(styles, { name: "OrderFulfillment" })(
     const lines = maybe(() => fulfillment.lines);
     const status = maybe(() => fulfillment.status);
     const quantity = lines
-      .map(line => line.quantity)
-      .reduce((prev, curr) => prev + curr, 0);
+      ? lines.map(line => line.quantity).reduce((prev, curr) => prev + curr, 0)
+      : "...";
 
     return (
       <Card>
diff --git a/src/pages/components/PageInfo/PageInfo.tsx b/src/pages/components/PageInfo/PageInfo.tsx
index a07e92408..955aa6892 100644
--- a/src/pages/components/PageInfo/PageInfo.tsx
+++ b/src/pages/components/PageInfo/PageInfo.tsx
@@ -3,7 +3,7 @@ import CardContent from "@material-ui/core/CardContent";
 import { createStyles, withStyles, WithStyles } from "@material-ui/core/styles";
 import TextField from "@material-ui/core/TextField";
 import React from "react";
-import { FormattedMessage, useIntl } from "react-intl";
+import { useIntl } from "react-intl";
 
 import CardTitle from "@saleor/components/CardTitle";
 import FormSpacer from "@saleor/components/FormSpacer";
diff --git a/src/products/components/ProductUpdatePage/ProductUpdatePage.tsx b/src/products/components/ProductUpdatePage/ProductUpdatePage.tsx
index 155d79de2..acd0f4c70 100644
--- a/src/products/components/ProductUpdatePage/ProductUpdatePage.tsx
+++ b/src/products/components/ProductUpdatePage/ProductUpdatePage.tsx
@@ -263,6 +263,10 @@ export const ProductUpdatePage: React.FC<ProductUpdatePageProps> = ({
                     loading={disabled}
                     onClick={onSeoClick}
                     onChange={change}
+                    helperText={intl.formatMessage({
+                      defaultMessage:
+                        "Add search engine title and description to make this product easier to find"
+                    })}
                   />
                 </div>
                 <div>
diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index e5c03d122..9c7dbc8f6 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -76,7 +76,7 @@ exports[`Storyshots Generics / AddressEdit default 1`] = `
               class="MuiFormLabel-root-id MuiFormLabel-filled-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id"
               data-shrink="true"
             >
-              First name
+              First Name
             </label>
             <div
               class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -113,7 +113,7 @@ exports[`Storyshots Generics / AddressEdit default 1`] = `
               class="MuiFormLabel-root-id MuiFormLabel-filled-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id"
               data-shrink="true"
             >
-              Last name
+              Last Name
             </label>
             <div
               class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -5278,9 +5278,7 @@ exports[`Storyshots Generics / Timeline with order notes 1`] = `
           <p
             class="MuiTypography-root-id MuiTypography-body2-id TimelineNote-content-id"
           >
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
-            <br />
-                    malesuada lacus ex, sit amet blandit leo lobortis eget.
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.
           </p>
         </div>
       </div>
@@ -5340,9 +5338,7 @@ exports[`Storyshots Generics / Timeline with order notes 1`] = `
           <p
             class="MuiTypography-root-id MuiTypography-body2-id TimelineNote-content-id"
           >
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
-            <br />
-                    malesuada lacus ex, sit amet blandit leo lobortis eget.
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.
           </p>
         </div>
       </div>
@@ -12456,7 +12452,7 @@ exports[`Storyshots Views / Categories / Category list default 1`] = `
               class="MuiTableCell-root-id MuiTableCell-head-id CategoryList-colProducts-id"
               scope="col"
             >
-              No. Products
+              No. of Products
             </th>
           </tr>
         </thead>
@@ -12869,7 +12865,7 @@ exports[`Storyshots Views / Categories / Category list empty 1`] = `
               class="MuiTableCell-root-id MuiTableCell-head-id CategoryList-colProducts-id"
               scope="col"
             >
-              No. Products
+              No. of Products
             </th>
           </tr>
         </thead>
@@ -13104,7 +13100,7 @@ exports[`Storyshots Views / Categories / Category list loading 1`] = `
               class="MuiTableCell-root-id MuiTableCell-head-id CategoryList-colProducts-id"
               scope="col"
             >
-              No. Products
+              No. of Products
             </th>
           </tr>
         </thead>
@@ -13338,7 +13334,7 @@ exports[`Storyshots Views / Categories / Create category When loading 1`] = `
                   class="MuiFormLabel-root-id MuiFormLabel-disabled-id MuiInputLabel-disabled-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
                   data-shrink="false"
                 >
-                  Name
+                  Category Name
                 </label>
                 <div
                   class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-formControl-id"
@@ -13380,7 +13376,7 @@ exports[`Storyshots Views / Categories / Create category When loading 1`] = `
                 <span
                   class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorPrimary-id RichTextEditor-label-id"
                 >
-                  Description
+                  Category Description
                 </span>
                 <div
                   class="Draftail-Editor"
@@ -13794,7 +13790,7 @@ exports[`Storyshots Views / Categories / Create category default 1`] = `
                   class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
                   data-shrink="false"
                 >
-                  Name
+                  Category Name
                 </label>
                 <div
                   class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
@@ -13835,7 +13831,7 @@ exports[`Storyshots Views / Categories / Create category default 1`] = `
                 <span
                   class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorPrimary-id RichTextEditor-label-id"
                 >
-                  Description
+                  Category Description
                 </span>
                 <div
                   class="Draftail-Editor"
@@ -14248,7 +14244,7 @@ exports[`Storyshots Views / Categories / Update category default 1`] = `
                 class="MuiFormLabel-root-id MuiFormLabel-filled-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id"
                 data-shrink="true"
               >
-                Name
+                Category Name
               </label>
               <div
                 class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
@@ -14289,7 +14285,7 @@ exports[`Storyshots Views / Categories / Update category default 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorPrimary-id RichTextEditor-label-id"
               >
-                Description
+                Category Description
               </span>
               <div
                 class="Draftail-Editor Draftail-Editor--hide-placeholder"
@@ -14951,7 +14947,7 @@ Ctrl + K"
             <p
               class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-filled-id"
             >
-              Optional
+              (Optional)
             </p>
           </div>
         </div>
@@ -15080,7 +15076,7 @@ Ctrl + K"
                 class="MuiTableCell-root-id MuiTableCell-head-id CategoryList-colProducts-id"
                 scope="col"
               >
-                No. Products
+                No. of Products
               </th>
             </tr>
           </thead>
@@ -15242,7 +15238,7 @@ exports[`Storyshots Views / Categories / Update category loading 1`] = `
                 class="MuiFormLabel-root-id MuiFormLabel-disabled-id MuiInputLabel-disabled-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
                 data-shrink="false"
               >
-                Name
+                Category Name
               </label>
               <div
                 class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-formControl-id"
@@ -15284,7 +15280,7 @@ exports[`Storyshots Views / Categories / Update category loading 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorPrimary-id RichTextEditor-label-id"
               >
-                Description
+                Category Description
               </span>
               <div
                 class="Draftail-Editor"
@@ -15788,7 +15784,7 @@ Ctrl + K"
                 class="MuiTableCell-root-id MuiTableCell-head-id CategoryList-colProducts-id"
                 scope="col"
               >
-                No. Products
+                No. of Products
               </th>
             </tr>
           </thead>
@@ -15985,7 +15981,7 @@ exports[`Storyshots Views / Categories / Update category no background 1`] = `
                 class="MuiFormLabel-root-id MuiFormLabel-filled-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id"
                 data-shrink="true"
               >
-                Name
+                Category Name
               </label>
               <div
                 class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
@@ -16026,7 +16022,7 @@ exports[`Storyshots Views / Categories / Update category no background 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorPrimary-id RichTextEditor-label-id"
               >
-                Description
+                Category Description
               </span>
               <div
                 class="Draftail-Editor Draftail-Editor--hide-placeholder"
@@ -16688,7 +16684,7 @@ Ctrl + K"
             <p
               class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-filled-id"
             >
-              Optional
+              (Optional)
             </p>
           </div>
         </div>
@@ -16817,7 +16813,7 @@ Ctrl + K"
                 class="MuiTableCell-root-id MuiTableCell-head-id CategoryList-colProducts-id"
                 scope="col"
               >
-                No. Products
+                No. of Products
               </th>
             </tr>
           </thead>
@@ -16974,7 +16970,7 @@ exports[`Storyshots Views / Categories / Update category no products 1`] = `
                 class="MuiFormLabel-root-id MuiFormLabel-filled-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id"
                 data-shrink="true"
               >
-                Name
+                Category Name
               </label>
               <div
                 class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
@@ -17015,7 +17011,7 @@ exports[`Storyshots Views / Categories / Update category no products 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorPrimary-id RichTextEditor-label-id"
               >
-                Description
+                Category Description
               </span>
               <div
                 class="Draftail-Editor Draftail-Editor--hide-placeholder"
@@ -17677,7 +17673,7 @@ Ctrl + K"
             <p
               class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-filled-id"
             >
-              Optional
+              (Optional)
             </p>
           </div>
         </div>
@@ -17992,7 +17988,7 @@ exports[`Storyshots Views / Categories / Update category no subcategories 1`] =
                 class="MuiFormLabel-root-id MuiFormLabel-filled-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id"
                 data-shrink="true"
               >
-                Name
+                Category Name
               </label>
               <div
                 class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
@@ -18033,7 +18029,7 @@ exports[`Storyshots Views / Categories / Update category no subcategories 1`] =
               <span
                 class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorPrimary-id RichTextEditor-label-id"
               >
-                Description
+                Category Description
               </span>
               <div
                 class="Draftail-Editor Draftail-Editor--hide-placeholder"
@@ -18695,7 +18691,7 @@ Ctrl + K"
             <p
               class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-filled-id"
             >
-              Optional
+              (Optional)
             </p>
           </div>
         </div>
@@ -18824,7 +18820,7 @@ Ctrl + K"
                 class="MuiTableCell-root-id MuiTableCell-head-id CategoryList-colProducts-id"
                 scope="col"
               >
-                No. Products
+                No. of Products
               </th>
             </tr>
           </thead>
@@ -18981,7 +18977,7 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
                 class="MuiFormLabel-root-id MuiFormLabel-filled-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id"
                 data-shrink="true"
               >
-                Name
+                Category Name
               </label>
               <div
                 class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-formControl-id"
@@ -19022,7 +19018,7 @@ exports[`Storyshots Views / Categories / Update category products 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-caption-id MuiTypography-colorPrimary-id RichTextEditor-label-id"
               >
-                Description
+                Category Description
               </span>
               <div
                 class="Draftail-Editor Draftail-Editor--hide-placeholder"
@@ -19684,7 +19680,7 @@ Ctrl + K"
             <p
               class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-filled-id"
             >
-              Optional
+              (Optional)
             </p>
           </div>
         </div>
@@ -20586,7 +20582,7 @@ exports[`Storyshots Views / Collections / Collection details default 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -21186,7 +21182,7 @@ Ctrl + K"
                   </span>
                 </button>
                 <input
-                  class="CollectionImageComponent-fileField-id"
+                  class="Component-fileField-id"
                   id="fileUpload"
                   type="file"
                 />
@@ -21310,7 +21306,7 @@ Ctrl + K"
                 <p
                   class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-filled-id"
                 >
-                  Optional
+                  (Optional)
                 </p>
               </div>
             </div>
@@ -22033,7 +22029,7 @@ exports[`Storyshots Views / Collections / Collection details loading 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -22430,7 +22426,7 @@ Ctrl + K"
                   </span>
                 </button>
                 <input
-                  class="CollectionImageComponent-fileField-id"
+                  class="Component-fileField-id"
                   id="fileUpload"
                   type="file"
                 />
@@ -22447,7 +22443,7 @@ Ctrl + K"
             >
               <div>
                 <div
-                  class="CollectionImageComponent-imageContainer-id"
+                  class="Component-imageContainer-id"
                 >
                   <span
                     class="Skeleton-skeleton-id"
@@ -22988,7 +22984,7 @@ exports[`Storyshots Views / Collections / Collection details no products 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -23589,7 +23585,7 @@ Ctrl + K"
                   </span>
                 </button>
                 <input
-                  class="CollectionImageComponent-fileField-id"
+                  class="Component-fileField-id"
                   id="fileUpload"
                   type="file"
                 />
@@ -23713,7 +23709,7 @@ Ctrl + K"
                 <p
                   class="MuiFormHelperText-root-id MuiFormHelperText-contained-id MuiFormHelperText-filled-id"
                 >
-                  Optional
+                  (Optional)
                 </p>
               </div>
             </div>
@@ -24152,7 +24148,7 @@ exports[`Storyshots Views / Collections / Collection list default 1`] = `
               class="MuiTableCell-root-id MuiTableCell-head-id CollectionList-colProducts-id"
               scope="col"
             >
-              No. Products
+              No. of Products
             </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id CollectionList-colAvailability-id"
@@ -24608,7 +24604,7 @@ exports[`Storyshots Views / Collections / Collection list loading 1`] = `
               class="MuiTableCell-root-id MuiTableCell-head-id CollectionList-colProducts-id"
               scope="col"
             >
-              No. Products
+              No. of Products
             </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id CollectionList-colAvailability-id"
@@ -24831,7 +24827,7 @@ exports[`Storyshots Views / Collections / Create collection default 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -25227,7 +25223,7 @@ Ctrl + K"
                   </span>
                 </button>
                 <input
-                  class="CollectionImageComponent-fileField-id"
+                  class="Component-fileField-id"
                   id="fileUpload"
                   type="file"
                 />
@@ -25517,7 +25513,7 @@ exports[`Storyshots Views / Collections / Create collection loading 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -25914,7 +25910,7 @@ Ctrl + K"
                   </span>
                 </button>
                 <input
-                  class="CollectionImageComponent-fileField-id"
+                  class="Component-fileField-id"
                   id="fileUpload"
                   type="file"
                 />
@@ -26415,7 +26411,7 @@ exports[`Storyshots Views / Configuration default 1`] = `
             <p
               class="MuiTypography-root-id MuiTypography-body2-id ConfigurationPage-sectionDescription-id"
             >
-              Manage how you ship out orders.
+              Manage how you ship out orders
             </p>
           </div>
         </div>
@@ -27017,7 +27013,7 @@ exports[`Storyshots Views / Customers / Address Book default 1`] = `
       <h5
         class="MuiTypography-root-id MuiTypography-h5-id Component-title-id"
       >
-        Tom Cooper Address Book
+        Tom Cooper's Address Book
       </h5>
       <div
         class="ExtendedPageHeader-action-id"
@@ -27168,7 +27164,7 @@ exports[`Storyshots Views / Customers / Address Book default 1`] = `
               <span
                 class="MuiButton-label-id"
               >
-                Delete
+                Remove
               </span>
             </button>
           </div>
@@ -27282,7 +27278,7 @@ exports[`Storyshots Views / Customers / Address Book default 1`] = `
               <span
                 class="MuiButton-label-id"
               >
-                Delete
+                Remove
               </span>
             </button>
           </div>
@@ -27306,12 +27302,7 @@ exports[`Storyshots Views / Customers / Address Book loading 1`] = `
       <h5
         class="MuiTypography-root-id MuiTypography-h5-id Component-title-id"
       >
-        <span
-          class="Skeleton-skeleton-id"
-          style="width:10em"
-        >
-          ‌
-        </span>
+        ...'s Address Book
       </h5>
       <div
         class="ExtendedPageHeader-action-id"
@@ -27443,7 +27434,7 @@ exports[`Storyshots Views / Customers / Address Book loading 1`] = `
               <span
                 class="MuiButton-label-id"
               >
-                Delete
+                Remove
               </span>
             </button>
           </div>
@@ -27637,7 +27628,7 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
                     class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
                     data-shrink="false"
                   >
-                    Email address
+                    E-mail Address
                   </label>
                   <div
                     class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -27714,7 +27705,7 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
                       class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
                       data-shrink="false"
                     >
-                      First name
+                      First Name
                     </label>
                     <div
                       class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -27751,7 +27742,7 @@ exports[`Storyshots Views / Customers / Create customer default 1`] = `
                       class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
                       data-shrink="false"
                     >
-                      Last name
+                      Last Name
                     </label>
                     <div
                       class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -28355,7 +28346,7 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
                     class="MuiFormLabel-root-id MuiFormLabel-error-id MuiInputLabel-error-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
                     data-shrink="false"
                   >
-                    Email address
+                    E-mail Address
                   </label>
                   <div
                     class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-error-id MuiOutlinedInput-error-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -28437,7 +28428,7 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
                       class="MuiFormLabel-root-id MuiFormLabel-error-id MuiInputLabel-error-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
                       data-shrink="false"
                     >
-                      First name
+                      First Name
                     </label>
                     <div
                       class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-error-id MuiOutlinedInput-error-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -28479,7 +28470,7 @@ exports[`Storyshots Views / Customers / Create customer form errors 1`] = `
                       class="MuiFormLabel-root-id MuiFormLabel-error-id MuiInputLabel-error-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
                       data-shrink="false"
                     >
-                      Last name
+                      Last Name
                     </label>
                     <div
                       class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-error-id MuiOutlinedInput-error-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -29135,7 +29126,7 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
                     class="MuiFormLabel-root-id MuiFormLabel-disabled-id MuiInputLabel-disabled-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
                     data-shrink="false"
                   >
-                    Email address
+                    E-mail Address
                   </label>
                   <div
                     class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -29213,7 +29204,7 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
                       class="MuiFormLabel-root-id MuiFormLabel-disabled-id MuiInputLabel-disabled-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
                       data-shrink="false"
                     >
-                      First name
+                      First Name
                     </label>
                     <div
                       class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -29251,7 +29242,7 @@ exports[`Storyshots Views / Customers / Create customer loading 1`] = `
                       class="MuiFormLabel-root-id MuiFormLabel-disabled-id MuiInputLabel-disabled-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
                       data-shrink="false"
                     >
-                      Last name
+                      Last Name
                     </label>
                     <div
                       class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -29770,7 +29761,7 @@ exports[`Storyshots Views / Customers / Customer details default 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
                 <span
                   class="MuiTypography-root-id MuiTypography-caption-id"
                 >
@@ -29898,7 +29889,7 @@ exports[`Storyshots Views / Customers / Customer details default 1`] = `
                   class="MuiFormLabel-root-id MuiFormLabel-filled-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id"
                   data-shrink="true"
                 >
-                  E-mail
+                  E-mail Address
                 </label>
                 <div
                   class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -30277,7 +30268,7 @@ exports[`Storyshots Views / Customers / Customer details different addresses 1`]
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
                 <span
                   class="MuiTypography-root-id MuiTypography-caption-id"
                 >
@@ -30405,7 +30396,7 @@ exports[`Storyshots Views / Customers / Customer details different addresses 1`]
                   class="MuiFormLabel-root-id MuiFormLabel-filled-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id"
                   data-shrink="true"
                 >
-                  E-mail
+                  E-mail Address
                 </label>
                 <div
                   class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -30821,7 +30812,7 @@ exports[`Storyshots Views / Customers / Customer details form errors 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
                 <span
                   class="MuiTypography-root-id MuiTypography-caption-id"
                 >
@@ -30959,7 +30950,7 @@ exports[`Storyshots Views / Customers / Customer details form errors 1`] = `
                   class="MuiFormLabel-root-id MuiFormLabel-error-id MuiInputLabel-error-id MuiFormLabel-filled-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id"
                   data-shrink="true"
                 >
-                  E-mail
+                  E-mail Address
                 </label>
                 <div
                   class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-error-id MuiOutlinedInput-error-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -31348,7 +31339,7 @@ exports[`Storyshots Views / Customers / Customer details loading 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
                 <span
                   class="Skeleton-skeleton-id"
                   style="width:10rem"
@@ -31481,7 +31472,7 @@ exports[`Storyshots Views / Customers / Customer details loading 1`] = `
                   class="MuiFormLabel-root-id MuiFormLabel-disabled-id MuiInputLabel-disabled-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
                   data-shrink="false"
                 >
-                  E-mail
+                  E-mail Address
                 </label>
                 <div
                   class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-disabled-id MuiOutlinedInput-disabled-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -31837,7 +31828,7 @@ exports[`Storyshots Views / Customers / Customer details never logged 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
                 <span
                   class="MuiTypography-root-id MuiTypography-caption-id"
                 >
@@ -31965,7 +31956,7 @@ exports[`Storyshots Views / Customers / Customer details never logged 1`] = `
                   class="MuiFormLabel-root-id MuiFormLabel-filled-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id"
                   data-shrink="true"
                 >
-                  E-mail
+                  E-mail Address
                 </label>
                 <div
                   class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -32338,7 +32329,7 @@ exports[`Storyshots Views / Customers / Customer details never placed order 1`]
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
                 <span
                   class="MuiTypography-root-id MuiTypography-caption-id"
                 >
@@ -32466,7 +32457,7 @@ exports[`Storyshots Views / Customers / Customer details never placed order 1`]
                   class="MuiFormLabel-root-id MuiFormLabel-filled-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id"
                   data-shrink="true"
                 >
-                  E-mail
+                  E-mail Address
                 </label>
                 <div
                   class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -32839,7 +32830,7 @@ exports[`Storyshots Views / Customers / Customer details no address at all 1`] =
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
                 <span
                   class="MuiTypography-root-id MuiTypography-caption-id"
                 >
@@ -32967,7 +32958,7 @@ exports[`Storyshots Views / Customers / Customer details no address at all 1`] =
                   class="MuiFormLabel-root-id MuiFormLabel-filled-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id"
                   data-shrink="true"
                 >
-                  E-mail
+                  E-mail Address
                 </label>
                 <div
                   class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -33321,7 +33312,7 @@ exports[`Storyshots Views / Customers / Customer details no default billing addr
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
                 <span
                   class="MuiTypography-root-id MuiTypography-caption-id"
                 >
@@ -33449,7 +33440,7 @@ exports[`Storyshots Views / Customers / Customer details no default billing addr
                   class="MuiFormLabel-root-id MuiFormLabel-filled-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id"
                   data-shrink="true"
                 >
-                  E-mail
+                  E-mail Address
                 </label>
                 <div
                   class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -33828,7 +33819,7 @@ exports[`Storyshots Views / Customers / Customer details no default shipping add
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
                 <span
                   class="MuiTypography-root-id MuiTypography-caption-id"
                 >
@@ -33956,7 +33947,7 @@ exports[`Storyshots Views / Customers / Customer details no default shipping add
                   class="MuiFormLabel-root-id MuiFormLabel-filled-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id"
                   data-shrink="true"
                 >
-                  E-mail
+                  E-mail Address
                 </label>
                 <div
                   class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -34327,7 +34318,7 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
             <span
               class="MuiButton-label-id"
             >
-              Add customer 
+              Add customer
               <svg
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
@@ -34386,13 +34377,13 @@ exports[`Storyshots Views / Customers / Customer list default 1`] = `
               class="MuiTableCell-root-id MuiTableCell-head-id CustomerList-colEmail-id"
               scope="col"
             >
-              Customer e-mail
+              Customer Email
             </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id CustomerList-colOrders-id"
               scope="col"
             >
-              Orders
+              No. of Orders
             </th>
           </tr>
         </thead>
@@ -35369,7 +35360,7 @@ exports[`Storyshots Views / Customers / Customer list loading 1`] = `
             <span
               class="MuiButton-label-id"
             >
-              Add customer 
+              Add customer
               <svg
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
@@ -35430,13 +35421,13 @@ exports[`Storyshots Views / Customers / Customer list loading 1`] = `
               class="MuiTableCell-root-id MuiTableCell-head-id CustomerList-colEmail-id"
               scope="col"
             >
-              Customer e-mail
+              Customer Email
             </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id CustomerList-colOrders-id"
               scope="col"
             >
-              Orders
+              No. of Orders
             </th>
           </tr>
         </thead>
@@ -35639,7 +35630,7 @@ exports[`Storyshots Views / Customers / Customer list no data 1`] = `
             <span
               class="MuiButton-label-id"
             >
-              Add customer 
+              Add customer
               <svg
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
@@ -35682,13 +35673,13 @@ exports[`Storyshots Views / Customers / Customer list no data 1`] = `
               class="MuiTableCell-root-id MuiTableCell-head-id CustomerList-colEmail-id"
               scope="col"
             >
-              Customer e-mail
+              Customer Email
             </th>
             <th
               class="MuiTableCell-root-id MuiTableCell-head-id CustomerList-colOrders-id"
               scope="col"
             >
-              Orders
+              No. of Orders
             </th>
           </tr>
         </thead>
@@ -35866,7 +35857,7 @@ exports[`Storyshots Views / Discounts / Sale create default 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -36133,7 +36124,7 @@ exports[`Storyshots Views / Discounts / Sale create form errors 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -36420,7 +36411,7 @@ exports[`Storyshots Views / Discounts / Sale create loading 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -36691,7 +36682,7 @@ exports[`Storyshots Views / Discounts / Sale details collections 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -37283,7 +37274,7 @@ exports[`Storyshots Views / Discounts / Sale details default 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -37875,7 +37866,7 @@ exports[`Storyshots Views / Discounts / Sale details form errors 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -38492,7 +38483,7 @@ exports[`Storyshots Views / Discounts / Sale details loading 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -39118,7 +39109,7 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -39431,7 +39422,7 @@ exports[`Storyshots Views / Discounts / Sale details products 1`] = `
                     <span
                       class="DiscountProducts-colNameLabel-id"
                     >
-                      Product name
+                      Product Name
                     </span>
                   </th>
                   <th
@@ -39986,7 +39977,7 @@ exports[`Storyshots Views / Discounts / Sale list default 1`] = `
             <span
               class="MuiButton-label-id"
             >
-              Add sale
+              Add Sale
               <svg
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
@@ -40442,7 +40433,7 @@ exports[`Storyshots Views / Discounts / Sale list loading 1`] = `
             <span
               class="MuiButton-label-id"
             >
-              Add sale
+              Add Sale
               <svg
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
@@ -40728,7 +40719,7 @@ exports[`Storyshots Views / Discounts / Sale list no data 1`] = `
             <span
               class="MuiButton-label-id"
             >
-              Add sale
+              Add Sale
               <svg
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
@@ -40961,7 +40952,7 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -41450,7 +41441,7 @@ exports[`Storyshots Views / Discounts / Voucher create default 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                Usage Limit 
+                Usage Limit
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -41677,7 +41668,7 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -42176,7 +42167,7 @@ exports[`Storyshots Views / Discounts / Voucher create form errors 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                Usage Limit 
+                Usage Limit
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -42413,7 +42404,7 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -43022,7 +43013,7 @@ exports[`Storyshots Views / Discounts / Voucher details default 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                Usage Limit 
+                Usage Limit
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -43377,7 +43368,7 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -44011,7 +44002,7 @@ exports[`Storyshots Views / Discounts / Voucher details form errors 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                Usage Limit 
+                Usage Limit
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -44381,7 +44372,7 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -44974,7 +44965,7 @@ exports[`Storyshots Views / Discounts / Voucher details loading 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                Usage Limit 
+                Usage Limit
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -46460,10 +46451,7 @@ exports[`Storyshots Views / HomePage default 1`] = `
                   <p
                     class="MuiTypography-root-id MuiTypography-body2-id"
                   >
-                    <b>
-                      1 Orders
-                    </b>
-                     are ready to fulfill
+                    One order are ready to fulfill
                   </p>
                 </td>
                 <td
@@ -46621,7 +46609,7 @@ exports[`Storyshots Views / HomePage default 1`] = `
                   <p
                     class="MuiTypography-root-id MuiTypography-body2-id MuiTypography-colorTextSecondary-id"
                   >
-                    1 Orders
+                    One ordered
                   </p>
                 </td>
                 <td
@@ -47391,7 +47379,7 @@ exports[`Storyshots Views / HomePage loading 1`] = `
               class="MuiListItem-root-id MuiListItem-default-id MuiListItem-dense-id MuiListItem-gutters-id"
             >
               <div
-                class="MuiListItemText-root-id MuiListItemText-dense-id HomeProductListCard-loadingProducts-id"
+                class="MuiListItemText-root-id MuiListItemText-dense-id HomeActivityCard-loadingProducts-id"
               >
                 <p
                   class="MuiTypography-root-id MuiTypography-body2-id"
@@ -47585,10 +47573,7 @@ exports[`Storyshots Views / HomePage no data 1`] = `
                   <p
                     class="MuiTypography-root-id MuiTypography-body2-id"
                   >
-                    <b>
-                      1 Orders
-                    </b>
-                     are ready to fulfill
+                    One order are ready to fulfill
                   </p>
                 </td>
                 <td
@@ -47754,7 +47739,7 @@ exports[`Storyshots Views / HomePage no data 1`] = `
             class="MuiList-root-id MuiList-dense-id MuiList-padding-id"
           >
             <li
-              class="MuiListItem-root-id MuiListItem-default-id MuiListItem-dense-id MuiListItem-gutters-id HomeProductListCard-noProducts-id"
+              class="MuiListItem-root-id MuiListItem-default-id MuiListItem-dense-id MuiListItem-gutters-id HomeActivityCard-noProducts-id"
             >
               <div
                 class="MuiListItemText-root-id MuiListItemText-dense-id"
@@ -47807,7 +47792,7 @@ exports[`Storyshots Views / Navigation / Menu details default 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -48604,7 +48589,7 @@ exports[`Storyshots Views / Navigation / Menu details loading 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -48760,7 +48745,7 @@ exports[`Storyshots Views / Navigation / Menu details no data 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -48921,7 +48906,7 @@ exports[`Storyshots Views / Navigation / Menu list default 1`] = `
             <span
               class="MuiButton-label-id"
             >
-              Add Menu 
+              Add Menu
               <svg
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
@@ -49257,7 +49242,7 @@ exports[`Storyshots Views / Navigation / Menu list loading 1`] = `
             <span
               class="MuiButton-label-id"
             >
-              Add Menu 
+              Add Menu
               <svg
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
@@ -49548,7 +49533,7 @@ exports[`Storyshots Views / Navigation / Menu list no data 1`] = `
             <span
               class="MuiButton-label-id"
             >
-              Add Menu 
+              Add Menu
               <svg
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
@@ -49815,7 +49800,7 @@ exports[`Storyshots Views / Orders / Draft order list default 1`] = `
             <span
               class="MuiButton-label-id"
             >
-              Create order 
+              Create order
               <svg
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
@@ -50947,7 +50932,7 @@ exports[`Storyshots Views / Orders / Draft order list loading 1`] = `
             <span
               class="MuiButton-label-id"
             >
-              Create order 
+              Create order
               <svg
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
@@ -51238,7 +51223,7 @@ exports[`Storyshots Views / Orders / Draft order list when no data 1`] = `
             <span
               class="MuiButton-label-id"
             >
-              Create order 
+              Create order
               <svg
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
@@ -51424,7 +51409,7 @@ exports[`Storyshots Views / Orders / Draft order list when no data 1`] = `
               class="MuiTableCell-root-id MuiTableCell-body-id"
               colspan="5"
             >
-              No orders found
+              No draft orders found
             </td>
           </tr>
         </tbody>
@@ -51601,7 +51586,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
               <div
                 class="StatusLabel-root-id undefined StatusLabel-errorDot-id"
               >
-                Cancelled (1)
+                Fulfilled (1)
                 <p
                   class="MuiTypography-root-id MuiTypography-body2-id OrderFulfillment-orderNumber-id"
                 >
@@ -51719,7 +51704,7 @@ exports[`Storyshots Views / Orders / Order details cancelled 1`] = `
               <div
                 class="StatusLabel-root-id undefined StatusLabel-errorDot-id"
               >
-                Cancelled (1)
+                Fulfilled (1)
                 <p
                   class="MuiTypography-root-id MuiTypography-body2-id OrderFulfillment-orderNumber-id"
                 >
@@ -65106,7 +65091,7 @@ exports[`Storyshots Views / Orders / Order draft default 1`] = `
             <span
               class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
             >
-              Order details
+              Order Details
             </span>
             <div
               class="CardTitle-toolbar-id"
@@ -65756,7 +65741,7 @@ exports[`Storyshots Views / Orders / Order draft loading 1`] = `
             <span
               class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
             >
-              Order details
+              Order Details
             </span>
             <div
               class="CardTitle-toolbar-id"
@@ -66183,7 +66168,7 @@ exports[`Storyshots Views / Orders / Order draft without lines 1`] = `
             <span
               class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
             >
-              Order details
+              Order Details
             </span>
             <div
               class="CardTitle-toolbar-id"
@@ -66490,7 +66475,7 @@ exports[`Storyshots Views / Orders / Order list default 1`] = `
             <span
               class="MuiButton-label-id"
             >
-              Create order 
+              Create order
               <svg
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
@@ -68115,7 +68100,7 @@ exports[`Storyshots Views / Orders / Order list loading 1`] = `
             <span
               class="MuiButton-label-id"
             >
-              Create order 
+              Create order
               <svg
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
@@ -68558,7 +68543,7 @@ exports[`Storyshots Views / Orders / Order list when no data 1`] = `
             <span
               class="MuiButton-label-id"
             >
-              Create order 
+              Create order
               <svg
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
@@ -68917,7 +68902,7 @@ exports[`Storyshots Views / Orders / Order list with custom filters 1`] = `
             <span
               class="MuiButton-label-id"
             >
-              Create order 
+              Create order
               <svg
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
@@ -71010,7 +70995,7 @@ exports[`Storyshots Views / Pages / Page details default 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -71848,7 +71833,7 @@ exports[`Storyshots Views / Pages / Page details form errors 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -72701,7 +72686,7 @@ exports[`Storyshots Views / Pages / Page details loading 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -74213,7 +74198,7 @@ exports[`Storyshots Views / Product types / Create product type default 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -74446,7 +74431,7 @@ exports[`Storyshots Views / Product types / Create product type form errors 1`]
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -74689,7 +74674,7 @@ exports[`Storyshots Views / Product types / Create product type loading 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -74926,7 +74911,7 @@ exports[`Storyshots Views / Product types / Product type details default 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -75557,7 +75542,7 @@ exports[`Storyshots Views / Product types / Product type details form errors 1`]
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -76198,7 +76183,7 @@ exports[`Storyshots Views / Product types / Product type details loading 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -76656,7 +76641,7 @@ exports[`Storyshots Views / Product types / Product type details no attributes 1
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -76968,7 +76953,7 @@ exports[`Storyshots Views / Product types / Product types list default 1`] = `
       <h5
         class="MuiTypography-root-id MuiTypography-h5-id Component-title-id"
       >
-        Product types
+        Product Types
       </h5>
       <div
         class="ExtendedPageHeader-action-id"
@@ -77348,7 +77333,7 @@ exports[`Storyshots Views / Product types / Product types list loading 1`] = `
       <h5
         class="MuiTypography-root-id MuiTypography-h5-id Component-title-id"
       >
-        Product types
+        Product Types
       </h5>
       <div
         class="ExtendedPageHeader-action-id"
@@ -77621,7 +77606,7 @@ exports[`Storyshots Views / Products / Create product When loading 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -78704,7 +78689,7 @@ exports[`Storyshots Views / Products / Create product default 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -79776,7 +79761,7 @@ exports[`Storyshots Views / Products / Create product form errors 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -80954,7 +80939,7 @@ exports[`Storyshots Views / Products / Create product variant add first variant
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -81463,7 +81448,7 @@ exports[`Storyshots Views / Products / Create product variant default 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -81959,7 +81944,7 @@ exports[`Storyshots Views / Products / Create product variant when loading data
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -82411,7 +82396,7 @@ exports[`Storyshots Views / Products / Create product variant with errors 1`] =
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -82783,7 +82768,7 @@ exports[`Storyshots Views / Products / Product edit when data is fully loaded 1`
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -84512,7 +84497,7 @@ exports[`Storyshots Views / Products / Product edit when loading data 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -85612,7 +85597,7 @@ exports[`Storyshots Views / Products / Product edit when product has no images 1
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -87243,7 +87228,7 @@ exports[`Storyshots Views / Products / Product edit when product has no variants
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -88890,7 +88875,7 @@ exports[`Storyshots Views / Products / Product image details when loaded data 1`
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                All photos
+                All Photos
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -89143,7 +89128,7 @@ exports[`Storyshots Views / Products / Product image details when loading data 1
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                All photos
+                All Photos
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -89350,7 +89335,7 @@ exports[`Storyshots Views / Products / Product list default 1`] = `
             <span
               class="MuiButton-label-id"
             >
-              Add product 
+              Add Product
               <svg
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
@@ -90357,7 +90342,7 @@ exports[`Storyshots Views / Products / Product list loading 1`] = `
             <span
               class="MuiButton-label-id"
             >
-              Add product 
+              Add Product
               <svg
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
@@ -90851,7 +90836,7 @@ exports[`Storyshots Views / Products / Product list no data 1`] = `
             <span
               class="MuiButton-label-id"
             >
-              Add product 
+              Add Product
               <svg
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
@@ -91252,7 +91237,7 @@ exports[`Storyshots Views / Products / Product list with custom filters 1`] = `
             <span
               class="MuiButton-label-id"
             >
-              Add product 
+              Add Product
               <svg
                 aria-hidden="true"
                 class="MuiSvgIcon-root-id"
@@ -92860,7 +92845,7 @@ exports[`Storyshots Views / Products / Product variant details attribute errors
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -93543,7 +93528,7 @@ exports[`Storyshots Views / Products / Product variant details when loaded data
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -94152,7 +94137,7 @@ exports[`Storyshots Views / Products / Product variant details when loading data
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -94497,7 +94482,7 @@ exports[`Storyshots Views / Shipping / Create shipping zone default 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -94680,7 +94665,7 @@ exports[`Storyshots Views / Shipping / Create shipping zone form errors 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -94868,7 +94853,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details default 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -95517,7 +95502,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details form errors 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -96176,7 +96161,7 @@ exports[`Storyshots Views / Shipping / Shipping zone details loading 1`] = `
               <span
                 class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
               >
-                General Information
+                General Informations
               </span>
               <div
                 class="CardTitle-toolbar-id"
@@ -98018,7 +98003,7 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
         <h5
           class="MuiTypography-root-id MuiTypography-h5-id Component-title-id"
         >
-          General Information
+          General Informations
         </h5>
         <div
           class="ExtendedPageHeader-action-id"
@@ -98045,7 +98030,7 @@ exports[`Storyshots Views / Site settings / Page default 1`] = `
             <span
               class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
             >
-              General Information
+              General Informations
             </span>
             <div
               class="CardTitle-toolbar-id"
@@ -98673,7 +98658,7 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
         <h5
           class="MuiTypography-root-id MuiTypography-h5-id Component-title-id"
         >
-          General Information
+          General Informations
         </h5>
         <div
           class="ExtendedPageHeader-action-id"
@@ -98700,7 +98685,7 @@ exports[`Storyshots Views / Site settings / Page form errors 1`] = `
             <span
               class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
             >
-              General Information
+              General Informations
             </span>
             <div
               class="CardTitle-toolbar-id"
@@ -99333,7 +99318,7 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
         <h5
           class="MuiTypography-root-id MuiTypography-h5-id Component-title-id"
         >
-          General Information
+          General Informations
         </h5>
         <div
           class="ExtendedPageHeader-action-id"
@@ -99360,7 +99345,7 @@ exports[`Storyshots Views / Site settings / Page loading 1`] = `
             <span
               class="MuiTypography-root-id MuiTypography-h5-id CardTitle-title-id"
             >
-              General Information
+              General Informations
             </span>
             <div
               class="CardTitle-toolbar-id"
@@ -100153,7 +100138,7 @@ exports[`Storyshots Views / Staff / Staff member details default 1`] = `
                           class="MuiFormLabel-root-id MuiFormLabel-filled-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id"
                           data-shrink="true"
                         >
-                          E-mail
+                          E-mail Address
                         </label>
                         <div
                           class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -100486,7 +100471,7 @@ exports[`Storyshots Views / Staff / Staff member details himself 1`] = `
                           class="MuiFormLabel-root-id MuiFormLabel-filled-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id"
                           data-shrink="true"
                         >
-                          E-mail
+                          E-mail Address
                         </label>
                         <div
                           class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -100692,7 +100677,7 @@ exports[`Storyshots Views / Staff / Staff member details loading 1`] = `
                           class="MuiFormLabel-root-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-outlined-id"
                           data-shrink="false"
                         >
-                          E-mail
+                          E-mail Address
                         </label>
                         <div
                           class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -101264,7 +101249,7 @@ exports[`Storyshots Views / Staff / Staff member details not admin 1`] = `
                           class="MuiFormLabel-root-id MuiFormLabel-filled-id MuiInputLabel-root-id MuiInputLabel-formControl-id MuiInputLabel-animated-id MuiInputLabel-shrink-id MuiInputLabel-outlined-id"
                           data-shrink="true"
                         >
-                          E-mail
+                          E-mail Address
                         </label>
                         <div
                           class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id"
@@ -101668,7 +101653,7 @@ exports[`Storyshots Views / Staff / Staff members default 1`] = `
       <h5
         class="MuiTypography-root-id MuiTypography-h5-id Component-title-id"
       >
-        Staff members
+        Staff Members
       </h5>
       <div
         class="ExtendedPageHeader-action-id"
@@ -102243,7 +102228,7 @@ exports[`Storyshots Views / Staff / Staff members when loading 1`] = `
       <h5
         class="MuiTypography-root-id MuiTypography-h5-id Component-title-id"
       >
-        Staff members
+        Staff Members
       </h5>
       <div
         class="ExtendedPageHeader-action-id"
diff --git a/src/storybook/stories/home/HomePage.tsx b/src/storybook/stories/home/HomePage.tsx
index e024ced34..9a599ed59 100644
--- a/src/storybook/stories/home/HomePage.tsx
+++ b/src/storybook/stories/home/HomePage.tsx
@@ -9,7 +9,7 @@ import Decorator from "../../Decorator";
 
 const shop = shopFixture(placeholderImage);
 
-const HomePageProps: Omit<HomePageProps, "classes"> = {
+const homePageProps: Omit<HomePageProps, "classes"> = {
   activities: shop.activities.edges.map(edge => edge.node),
   onOrdersToCaptureClick: () => undefined,
   onOrdersToFulfillClick: () => undefined,
@@ -26,10 +26,10 @@ const HomePageProps: Omit<HomePageProps, "classes"> = {
 
 storiesOf("Views / HomePage", module)
   .addDecorator(Decorator)
-  .add("default", () => <HomePage {...HomePageProps} />)
+  .add("default", () => <HomePage {...homePageProps} />)
   .add("loading", () => (
     <HomePage
-      {...HomePageProps}
+      {...homePageProps}
       activities={undefined}
       orders={undefined}
       ordersToCapture={undefined}
@@ -41,5 +41,5 @@ storiesOf("Views / HomePage", module)
     />
   ))
   .add("no data", () => (
-    <HomePage {...HomePageProps} topProducts={[]} activities={[]} />
+    <HomePage {...homePageProps} topProducts={[]} activities={[]} />
   ));