Function ProjectBoard

client/src/containers/ProjectBoard/ProjectBoard.jsx:24–112

()

  The project screen where the dashboard, builder, etc. are
*/
function ProjectBoard() {
  const [loading, setLoading] = useState(true);
  const [setUpdate] = useState({});

  const team = useSelector(selectTeam);
  const project = useSelector(selectProject) || {};
  const user = useSelector(selectUser);

  const params = useParams();
  const dispatch = useDispatch();
  const initRef = useRef(null);

  useEffect(() => {
    if (params.projectId && !initRef.current && team?.id) {
      initRef.current = true;

      _init();

      checkForUpdates()
        .then((release) => {
          if (release && release.upToDate) return true;

          setUpdate(release);
          return release;
        });
    }
  }, [params, team]);

  const _init = (id) => {
    _getProject(id);
    dispatch(getProjectCharts({ project_id: id || params.projectId }));
    window.localStorage.setItem("__cb_active_team", team.id);
  };

  const _getProject = (id) => {
    let { projectId } = params;
    if (id) projectId = id;

    dispatch(getTeam(team.id))
      .then(() => {
        dispatch(getTeamMembers({ team_id: team.id }));
        dispatch(getProjects({ team_id: team.id }));
        window.localStorage.setItem("__cb_active_team", team.id);
        return dispatch(getProject({ project_id: projectId }));
      })
      .then(() => {
        return dispatch(changeActiveProject(projectId));
      })
      .then(() => {
        setLoading(false);
      })
      .catch(() => {
        setLoading(false);
      });
  };

  const _canAccess = (role) => {
    return canAccess(role, user.id, team.TeamRoles);