563c32d203
* add redirect issue * add check for crash code * redirect anonymous user to login page * remove unused selector * move redirection logic to error saga level * update action type name * replace occurance of redirectTo to redirectUrl * remove unused selector in PagenoutFound + change saga name Co-authored-by: Pawan Kumar <pawankumar@Pawans-MacBook-Pro.local>
63 lines
1.5 KiB
TypeScript
63 lines
1.5 KiB
TypeScript
import React from "react";
|
|
import { connect } from "react-redux";
|
|
import styled from "styled-components";
|
|
import { APPLICATIONS_URL } from "constants/routes";
|
|
import Button from "components/editorComponents/Button";
|
|
import { flushErrorsAndRedirect } from "actions/errorActions";
|
|
import PageUnavailableImage from "assets/images/404-image.png";
|
|
|
|
const Wrapper = styled.div`
|
|
text-align: center;
|
|
margin-top: 5%;
|
|
.bold-text {
|
|
font-weight: ${(props) => props.theme.fontWeights[3]};
|
|
font-size: 24px;
|
|
}
|
|
.page-unavailable-img {
|
|
width: 35%;
|
|
}
|
|
.button-position {
|
|
margin: auto;
|
|
}
|
|
`;
|
|
|
|
interface Props {
|
|
flushErrorsAndRedirect?: any;
|
|
}
|
|
|
|
const PageNotFound: React.FC<Props> = (props: Props) => {
|
|
const { flushErrorsAndRedirect } = props;
|
|
|
|
return (
|
|
<Wrapper>
|
|
<img
|
|
src={PageUnavailableImage}
|
|
alt="Page Unavailable"
|
|
className="page-unavailable-img"
|
|
/>
|
|
<div>
|
|
<p className="bold-text">Page not found</p>
|
|
<p>
|
|
Either this page doesn't exist, or you don't have access to{" "}
|
|
<br />
|
|
this page.
|
|
</p>
|
|
<Button
|
|
filled
|
|
text="Go back to homepage"
|
|
intent="primary"
|
|
icon="arrow-right"
|
|
iconAlignment="right"
|
|
size="small"
|
|
className="button-position"
|
|
onClick={() => flushErrorsAndRedirect(APPLICATIONS_URL)}
|
|
/>
|
|
</div>
|
|
</Wrapper>
|
|
);
|
|
};
|
|
|
|
export default connect(null, {
|
|
flushErrorsAndRedirect,
|
|
})(PageNotFound);
|