Добавление страницы information (#41)

src/app/components/top-menu/TopMenu.tsx

@@ -3,6 +3,7 @@ import {useHistory} from 'react-router-dom';
 import {createStyles, makeStyles} from '@material-ui/core/styles';
 import AppBar from '@material-ui/core/AppBar';
 import Toolbar from '@material-ui/core/Toolbar';
+import Slide from '@material-ui/core/Slide';
 import Typography from '@material-ui/core/Typography';
 import IconButton from '@material-ui/core/IconButton';
 import ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';
@@ -13,13 +14,14 @@ import {PAGE_TITLE} from '_consts/common';
 import {usePageType} from '_hooks/usePageType';
 import {buildPath} from '_utils/buildPath';
 
+type Props = {
+    trigger: boolean;
+}
+
 const NO_NAME_AVATAR = 'https://d.newsweek.com/en/full/425257/02-10-putin-economy.jpg';
 
 const useStyles = makeStyles(() =>
     createStyles({
-        root: {
-            flexGrow: 1,
-        },
         title: {
             flexGrow: 1,
             display: 'flex',
@@ -28,7 +30,7 @@ const useStyles = makeStyles(() =>
     }),
 );
 
-const TopMenu: React.FC = () => {
+const TopMenu: React.FC<Props> = ({trigger}) => {
     const classes = useStyles();
     const pageType = usePageType();
     const history = useHistory();
@@ -39,8 +41,8 @@ const TopMenu: React.FC = () => {
 
     const title = PAGE_TITLE[pageType];
     return (
-        <div className={classes.root}>
-            <AppBar position="static">
+        <Slide appear={false} direction="down" in={!trigger}>
+            <AppBar position="sticky">
                 <Toolbar>
                     {pageType === PageType.Main && (
                         <IconButton
@@ -70,7 +72,7 @@ const TopMenu: React.FC = () => {
                     <Avatar src={NO_NAME_AVATAR} />
                 </Toolbar>
             </AppBar>
-        </div>
+        </Slide>
     );
 };