From 1499c0126d1a7a2377b0267b761479100c636ee9 Mon Sep 17 00:00:00 2001 From: eug-vs Date: Tue, 30 Jun 2020 00:41:09 +0300 Subject: feat!: create useNavigate hook --- src/components/Header/Header.tsx | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) (limited to 'src/components/Header/Header.tsx') diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx index 49f427f..546ecc3 100644 --- a/src/components/Header/Header.tsx +++ b/src/components/Header/Header.tsx @@ -10,13 +10,10 @@ import AccountCircle from '@material-ui/icons/AccountCircle'; import NotificationsIcon from '@material-ui/icons/Notifications'; import HomeIcon from '@material-ui/icons/Home'; import { useAuth } from '../../hooks/useAuth'; +import { useNavigate } from '../../hooks/useNavigate'; import SearchBar from './SearchBar'; -interface PropTypes { - navigate: (prefix: string) => void; -} - const useStyles = makeStyles({ root: { display: 'flex', @@ -33,9 +30,10 @@ const useStyles = makeStyles({ } }); -const Header: React.FC = ({ navigate }) => { +const Header: React.FC = () => { const classes = useStyles(); const { user } = useAuth(); + const { navigate } = useNavigate(); const handleHome = (): void => { navigate('feed'); @@ -53,7 +51,7 @@ const Header: React.FC = ({ navigate }) => { Which - +
-- cgit v1.2.3