All files / src/pages/NotFound index.tsx

0% Statements 0/8
100% Branches 0/0
0% Functions 0/2
0% Lines 0/7

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22                                           
import styles from "./index.module.css";
import { useNavigate } from "react-router-dom";
 
const NotFound = () => {
  const navigate = useNavigate();
  const onBackClick = () => navigate("/");
 
  return (
    <div className={styles.notFoundContainer}>
      <img
        src={"/icons/error_screen_icon.svg"}
        alt="404 not found"
        className={styles["animate"]}
      />
      <div>Page Not Found</div>
      <button onClick={onBackClick}>Go to Home</button>
    </div>
  );
};
 
export default NotFound;