const AuthGuard = ({ component: Component }) => { const [isLoading, setIsLoading] = useState(true); const history = useHistory(); useEffect(() => { amIAdmin().then((result) => (result ? setIsLoading(false) : history.goBack())); }, []); return (isLoading ? <p>loading...</p> : <Component />); }
function Header({ button }) { const history = useHistory(); return ( <HeaderArea> <HeaderStyle> <GoBackButton /> <ServiceLogoImage onClick={() => history.push('/')} /> <ButtonWrapper>{button}</ButtonWrapper> </HeaderStyle> </HeaderArea> ); }
function FacebookCallback() { const history = useHistory(); const search = window.location.hash; const query = new URLSearchParams(search.slice(1)); localStorage.setItem("facebook-token", query.get("access_token")); history.replace("/"); return <div>Facebook</div>; }
const Logout = () => { const [, setIsLoggedIn] = useContext(LoginContext); const [, setUser] = useContext(UserContext); setIsLoggedIn(false); setUser(""); localStorage.clear(); useHistory().push("/"); return(<></>); }
export default function NavBar() { let history = useHistory(); return ( <div> <button className="button button-clear" onClick={() => history.push('/')}> Home </button> </div> ); }
initListener() { const history = useHistory(); useEffect(() => { return history.listen(this.actions.setLocation); // eslint-disable-next-line react-hooks/exhaustive-deps }, []); }
const ListItem = (props) => { const history = useHistory(); const dispatch = useDispatch(); const goToEdit = (e) => { e.preventDefault(); history.push(`/edit/${props.id}`); }; const markDone = (e) => { e.preventDefault(); dispatch(todoActions.TODO_DONE(props.id)); }; return ( <li>{props.title}, {props.state} <button onClick={goToEdit}>edit</button> <button onClick={markDone}>done</button></li> ); }
function HostGameResult({ ranking }) { const history = useHistory(); function exit() { history.go(-1); } return ( <Background> <ButtonContainer> <YellowButton onClick={exit}>나가기</YellowButton> </ButtonContainer> <Dashboard ranking={ranking} /> </Background> ); }
const Page2 = () => { const history = useHistory(); const handleClick = () => { history.goBack(); } return ( <div> <Wrapper> <p>This is Page 2</p> </Wrapper> <Button primary onClick={handleClick}>Go Back</Button> </div> ); }
const HistoryBackButton = () => { const history = useHistory(); return <BackButton onClick={history.goBack} /> }
export function About() { const history = useHistory(); return ( <div> <h1>this is the about page</h1> <button onClick={() => history.push("users")}>Go to User Page</button> </div> ); }
const ButtonHook = () => { const history = useHistory(); const handleClick = () => { history.push('/'); }; return ( <button type="button" onClick={ handleClick }>Go home</button> ); }
const Back = () => { let history = useHistory(); return <FaArrowLeft className='back' onClick={() => history.goBack()} />; }
function GoogleCallback() { const history = useHistory(); const search = window.location.hash; const query = new URLSearchParams(search.slice(1)); localStorage.setItem("google-token", query.get("access_token")); history.replace("/"); return <div>Google</div>; }
const ButtonHook = () => { const history = useHistory(); const handleClick = () => { history.push('/products'); }; return ( <button type="button" onClick={ handleClick }>Go home</button> ); }