Merge pull request #109 from mirumee/fix-configure-menu-section

Fix configure menu section

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

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>

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 =>

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"