You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
40 lines
1.1 KiB
40 lines
1.1 KiB
import React, { useEffect } from "react"; |
|
import { connect } from "react-redux"; |
|
import notFoundImage from "./404.svg"; |
|
import { publicApi } from "../../redux/actions"; |
|
|
|
function NotFound({ setHeaderOptions, isMobile }) { |
|
useEffect(() => { |
|
setHeaderOptions({ shown: true, back: true }); |
|
}, []); |
|
return ( |
|
<div |
|
className="w-full flex transform justify-center items-center flex-col bg-transparent px-4" |
|
style={{ |
|
height: isMobile ? "calc(100vh - 100px)" : "calc(100vh)", |
|
}} |
|
> |
|
<h1 |
|
className="dark:text-white text-5xl font-semibold" |
|
style={{ fontFamily: "tahoma" }} |
|
> |
|
404 |
|
</h1> |
|
<img src={notFoundImage} alt="404" className="mt-10" /> |
|
<p className="text-base dark:text-white mt-12 leading-7"> |
|
اوه!! |
|
<br /> |
|
{window.t("دوست من، اشتباه اومدی")} |
|
</p> |
|
</div> |
|
); |
|
} |
|
|
|
const mapStateToProps = (state) => ({ |
|
isMobile: state.publicApi.isMobile, |
|
}); |
|
|
|
const mapDispatchToProps = { |
|
setHeaderOptions: publicApi.setHeaderOptions, |
|
}; |
|
export default connect(mapStateToProps, mapDispatchToProps)(NotFound);
|
|
|