Function Toggle

ui/src/pages/toggle/index.tsx:61–670

()

}

const Toggle = () => {
  const location = useLocation();
  const search = new URLSearchParams(location.search);
  const { projectKey, environmentKey } = useParams<IParams>();
  const [ toggleList, setToggleList ] = useState<IToggle[]>([]);
  const [ pagination, setPagination ] = useState({
    pageIndex: 1,
    totalPages: 1,
  });
  const [ visible, setDrawerVisible ] = useState<boolean>(false);
  const [ isAdd, setIsAdd ] = useState<boolean>(false);
  const [ total, setTotal ] = useState<number>(0);
  const [ tagOptions, setTagsOptions ] = useState<ITagOption[]>([]);
  const [ searchParams, setSearchParams ] = useState<ISearchParams>({
    pageIndex: Number(search.get('pageIndex')) ?? 0,
    pageSize: 10,
    environmentKey,
    visitFilter: search.get('visitFilter') ?? '',
    archived: search.get('archived') === 'true',
    disabled: search.get('disabled') ? search.get('disabled') === 'true' : undefined,
    permanent: search.get('permanent') ? search.get('permanent') === 'true' : undefined,
    keyword: search.get('keyword') ?? '',
    related: search.get('related') ? search.get('related') === 'true' : undefined,
    tags: search.get('tags') ? search.get('tags')?.split(',') : undefined,
  });

  const [ archiveOpen, setArchiveOpen ] = useState<boolean>(false);
  const [ isArchived, setArchived ] = useState<boolean>(search.get('archived') === 'true');
  const [ isLoading, saveIsLoading ] = useState<boolean>(true);
  const [ popupOpen, savePopupOpen ] = useState<boolean>(false);
  const [ releaseStatusList, saveReleaseStatusList ] = useState<string[]>([]);
  const [ enableApproval, saveEnableApproval ] = useState<boolean>(false);
  const history = useHistory();
  const intl = useIntl();
  const { i18n } = I18NContainer.useContainer();

  useEffect(() => {
    const handler = () => {
      if (archiveOpen) {
        setArchiveOpen(false);
      }
      if (popupOpen) {
        savePopupOpen(false);
      }
    };
    window.addEventListener('click', handler);

    return () => window.removeEventListener('click', handler);
  }, [archiveOpen, popupOpen]);

  const getToggleLists = useCallback(() => {
    searchParams.environmentKey = environmentKey;
    saveIsLoading(true);
    getToggleList<IToggleList>(projectKey, searchParams)
      .then(async (res) => {
        const { success, data, code } = res;
        saveIsLoading(false);
        if (success && data) {