Function ProjectSetting

ui/src/pages/projectSetting/index.tsx:29–259

()

}

const ProjectSetting = () => {
  const [ approvalSetting, saveApprovalSetting ] = useState<IApprovalSetting[]>([]);
  const [ originSetting, saveOriginSetting ] = useState<IApprovalSetting[]>([]);
  const [ isSame, saveIsSame ] = useState<boolean>(false);
  const [ options, saveOptions ] = useState<IOption[]>([]);
  const [ isLoading, saveIsLoading ] = useState<boolean>(true);

  const intl = useIntl();
  const { projectKey } = useParams<IParams>();
  const { userInfo } = HeaderContainer.useContainer();
  const { trigger, formState: { errors }, register, clearErrors } = useForm();
  const [ submitLoading, setSubmitLoading ] = useState<boolean>(false);

  const init = useCallback(async () => {
    getProjectApprovalSettings<IApprovalSetting[]>(projectKey).then(res => {
      saveIsLoading(false);
      const { success, data } = res;
      if (success && data) {
        saveApprovalSetting(data);
        saveOriginSetting(cloneDeep(data));
      }
    });

    const res = await getMemberList<IMemberList>({
      pageIndex: 0,
      pageSize: 10,
    });

    const { success, data } = res;
    if (success && data) {
      const { content } = data;
      const options = content.map((member: IMember) => {
        return ({
          key: member.account,
          value: member.account,
          text: member.account,
        });
      });
      saveOptions(options);
    }
  }, [projectKey]);

  useEffect(() => {
    const isSame = isEqual(approvalSetting, originSetting);
    saveIsSame(isSame);
  }, [approvalSetting, originSetting]);

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

  const renderLabel = useCallback((label: DropdownItemProps, setting: IApprovalSetting) => {
    const cantRemove: boolean = setting.reviewers.length === 1 && setting.enable === true;
    return ({
      content: label.text,
      removeIcon: !cantRemove && <Icon type='close' customclass={styles['dropdown-remove-icon']} />
    });
  }, []);