lamassu/lamassu-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: transitions animations direction

Browse source
This commit is contained in:
Jose Sousa 2020-11-19 16:46:10 +00:00 • committed by Josh Harvey
parent 68050fd4ba
commit de4a767b21
2 changed files with 40 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

11
new-lamassu-admin/src/components/layout/Header.js
View file

@ -15,6 +15,8 @@ import styles from './Header.styles'
const useStyles = makeStyles(styles)
const Subheader = ({ item, classes }) => {
const [prev, setPrev] = useState(null)
return (
<div className={classes.subheader}>
<div className={classes.content}>
@ -23,9 +25,14 @@ const Subheader = ({ item, classes }) => {
{item.children.map((it, idx) => (
<li key={idx} className={classes.subheaderLi}>
<NavLink
to={it.route}
to={{ pathname: it.route, state: { prev: prev } }}
className={classes.subheaderLink}
activeClassName={classes.activeSubheaderLink}>
activeClassName={classes.activeSubheaderLink}
isActive={match => {
if (!match) return false
setPrev(it.route)
return true
}}>
{it.label}
</NavLink>
</li>