Function ProjectRedirect

client/src/containers/ProjectRedirect.jsx:13–49

()

import Text from "../components/Text";

function ProjectRedirect() {
  const params = useParams();
  const navigate = useNavigate();
  const dispatch = useDispatch();

  const initRef = useRef(false);

  useEffect(() => {
    if (params.projectId && !initRef.current) {
      dispatch(getProject({ project_id: params.projectId, active: true }))
        .then((project) => {
          if (project?.payload) {
            navigate(`/${project.payload.team_id}/${project.payload.id}/dashboard`);
          } else {
            navigate("/");
          }
        })
        .catch(() => {
          navigate("/");
        });
      initRef.current = true;
    }
  }, [params]);

  return (
    <Container>
      <div className="h-4" />
      <Row align="center" justify="center">
        <ProgressCircle color="default" size="xl" aria-label="Loading" />
      </Row>
      <div className="h-1" />
      <Row align="center" justify="center">
        <Text size="lg" color="gray">Loading the dashboard...</Text>
      </Row>
    </Container>
  );
}

export default ProjectRedirect;