Function ProjectSettings

client/src/containers/ProjectSettings.jsx:26–347

(props)

  Project settings page
*/
function ProjectSettings(props) {
  const {
    user, cleanErrors, style,
  } = props;

  const [projectName, setProjectName] = useState("");
  const [nameError, setNameError] = useState(false);
  const [loading, setLoading] = useState(false);
  const [removeModal, setRemoveModal] = useState(false);
  const [removeLoading, setRemoveLoading] = useState(false);
  const [removeError, setRemoveError] = useState(false);
  const [projectTimezone, setProjectTimezone] = useState("");
  const [loadingTimezone, setLoadingTimezone] = useState(false);
  const { contains } = useFilter({ sensitivity: "base" });
  const [projectDescription, setProjectDescription] = useState("");
  const [loadingDescription, setLoadingDescription] = useState(false);

  const team = useSelector(selectTeam);
  const project = useSelector(selectProject);

  const navigate = useNavigate();
  const dispatch = useDispatch();

  useEffect(() => {
    cleanErrors();
  }, []);

  const _onSaveName = () => {
    if (!projectName) {
      setNameError(true);
      return;
    }

    setLoading(true);

    dispatch(updateProject({ project_id: project.id, data: { name: projectName } }))
      .then((data) => {
        if (data.error) {
          throw new Error(data.error);
        }
        setLoading(false);
        dispatch(changeActiveProject(project.id));
        toast.success("Dashboard name updated!");
      })
      .catch(() => {
        setLoading(false);
        toast.error("There was a problem updating the dashboard name. Please try again.");
      });
  };

  const _onRemoveConfirmation = () => {
    setRemoveModal(true);
  };

  const _onRemove = () => {
    setRemoveLoading(true);
    setRemoveError(false);
    dispatch(removeProject({ project_id: project.id }))