Close side nav after selecting menu + ui improvements

#134
boacausa · Jun 30, 2020 · c259e2f · c259e2f
1 parent eb7ce2d
commit c259e2f
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/app/javascript/components/Navigation/NavigationLinks/NavigationLinks.jsx b/app/javascript/components/Navigation/NavigationLinks/NavigationLinks.jsx
@@ -7,6 +7,7 @@ const NavigationLinks = (props) => {
  <NavLink
  exact={exact}
  className={props.styles.link}
+ onClick={props.onClick}
  activeClassName={props.styles.linkActive} to={to}>
  {title}
  </NavLink>

diff --git a/app/javascript/components/Navigation/SideNavigation/SideNavigation.jsx b/app/javascript/components/Navigation/SideNavigation/SideNavigation.jsx
@@ -24,14 +24,15 @@ function userProperties(user) {
  }
 }
 
-function settings(user) {
+function settings(user, closeEvent) {
  if (user.email) {
  return <div>
  <LineDivisor />
  <div className={styles.linksBox}>
  <NavLink
  exact={true}
  className={styles.link}
+ onClick={closeEvent}
  activeClassName={styles.linkActive} to='/settings'>
  Configurações
  </NavLink>
@@ -65,8 +66,8 @@ const sideNavigation = (props) => {
  <Backdrop show={props.visible} clicked={props.close} />
  <div className={attachedClasses.join(' ')}>
  {userProperties(props.user)}
- <NavigationLinks styles={styles} />
- {settings(props.user)}
+ <NavigationLinks styles={styles} onClick={props.close} />
+ {settings(props.user, props.close)}
  <LineDivisor />
  {loginLogout(props.user)}
  </div>

diff --git a/app/javascript/containers/UserSettings/UserSettings.sass b/app/javascript/containers/UserSettings/UserSettings.sass
@@ -81,6 +81,8 @@
  margin: 0
  width: auto
  height: auto
+ background-color: transparent
+ border: none
 
  .textInput
  width: auto