Repository: mirumee/saleor-dashboard (ts)

Issue:
Change name of the Configure section to Configuration  
### What I'm trying to achieve
Change the name of the section Configure, to Configuration


### Screenshots
<!-- If applicable, add screenshots to help explain your problem. -->
![image](https://user-images.githubusercontent.com/53564363/62776435-e9ba0600-baaa-11e9-9a6e-d20830fbc8b8.png)


Pull request description:
Fix configure menu section
Resolves #88 #83

<!-- Please mention all relevant issue numbers. -->

### Screenshots

<!-- If your changes affect the UI, providing "before" and "after" screenshots will
greatly reduce the amount of work needed to review your work. -->

### Pull Request Checklist

<!-- Please keep this section. It will make maintainer's life easier. -->

1. [ ] All visible strings are translated with proper context.
1. [ ] All data-formatting is locale-aware (dates, numbers, and so on).
1. [ ] Number of API calls is optimized.
1. [ ] The changes are tested.
1. [ ] Type definitions are up to date.
1. [ ] Changes are mentioned in the changelog.


Patch:
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 62fb25650..3ecc4b825 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,3 +6,4 @@ All notable, unreleased changes to this project will be documented in this file.
 
 - Add changelog and github issue/PR templates - #97 by @dominik-zeglen
 - Update dependencies to suppress storybook build errors - #98 by @dominik-zeglen
+- Fix configure menu section - #109 by @benekex2
diff --git a/src/components/AppLayout/MenuList.tsx b/src/components/AppLayout/MenuList.tsx
index 5fbd4df02..82fbce2e4 100644
--- a/src/components/AppLayout/MenuList.tsx
+++ b/src/components/AppLayout/MenuList.tsx
@@ -307,7 +307,7 @@ const MenuList = withStyles(styles, { name: "MenuList" })(
             <a
               className={classes.menuListItem}
               href={createHref(configurationMenuUrl)}
-              onClick={event => onMenuItemClick(configurationMenuUrl, event)}
+              onClick={event => closeSubMenu(configurationMenuUrl, event)}
             >
               <div className={classes.menuItemHover}>
                 <SVG
@@ -317,12 +317,12 @@ const MenuList = withStyles(styles, { name: "MenuList" })(
                   src={configureIcon}
                 />
                 <Typography
-                  aria-label="configure"
+                  aria-label="configuration"
                   className={classNames(classes.menuListItemText, {
                     [classes.menuListItemTextHide]: !isMenuSmall
                   })}
                 >
-                  {i18n.t("Configure")}
+                  {i18n.t("Configuration")}
                 </Typography>
               </div>
             </a>
diff --git a/src/configuration/ConfigurationPage.tsx b/src/configuration/ConfigurationPage.tsx
index 48463ae22..96bc27649 100644
--- a/src/configuration/ConfigurationPage.tsx
+++ b/src/configuration/ConfigurationPage.tsx
@@ -78,7 +78,7 @@ export const ConfigurationPage = withStyles(styles, {
   name: "ConfigurationPage"
 })(({ classes, menu, user, onSectionClick }: ConfigurationPageProps) => (
   <Container>
-    <PageHeader title={i18n.t("Configure")} />
+    <PageHeader title={i18n.t("Configuration")} />
     <div className={classes.root}>
       {menu
         .filter(menuItem =>


Test patch:
diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index f8eba83b1..c0f2853af 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -25807,7 +25807,7 @@ exports[`Storyshots Views / Configuration default 1`] = `
       <h5
         class="MuiTypography-root-id MuiTypography-h5-id Component-title-id"
       >
-        Configure
+        Configuration
       </h5>
       <div
         class="ExtendedPageHeader-action-id"
@@ -26308,7 +26308,7 @@ exports[`Storyshots Views / Configuration partial access 1`] = `
       <h5
         class="MuiTypography-root-id MuiTypography-h5-id Component-title-id"
       >
-        Configure
+        Configuration
       </h5>
       <div
         class="ExtendedPageHeader-action-id"