Function Actions

frontend/src/components/actions/index.tsx:23–251

()

import { toast } from 'react-toastify';
import { useTranslation } from "react-i18next";
function Actions() {
    const { t } = useTranslation();
    const { actionLists } = useSelector((state: any) => state.action);
    const dispatch = useDispatch()
    const actionDrawerRef = useRef(null)
    const { actionsTableColumn } = CommonComponents();
    const { tooltipEditTitle, tooltipDeleteTitle } = tooltipTitle();
    const [loading, setLoading] = useState(false);
    const [pluginFunList, setPluginFunList] = useState([])
    const [deleteValue, setDeleteValue] = useState('')
    const [updatePrevButton, setUpdatePrevButton] = useState(false)
    const [OpenDrawer, setOpenDrawer] = useState(false)
    const [drawerTitle, setDrawerTitle] = useState('')
    const [OpenDeleteModal, setOpenDeleteModal] = useState(false)
    const [radioValue, setRadioValue] = useState('none')
    const [Authentication, setAuthentication] = useState<string>('')
    const [schema, setSchema] = useState('')
    const [custom, setCustom] = useState('')
    const [limit, setLimit] = useState(20)
    const [hasMore, setHasMore] = useState(false)
    const [actionId, setActionId] = useState('')
    const [tipSchema, setTipSchema] = useState(false)
    useEffect(() => {
        if (actionLists.data.length > 0) {
            const data = actionLists.data.map((item: any) => {
                return {
                    ...item,
                    key: item.action_id,
                    method: getFirstMethodAndEndpoint(item.openapi_schema)?.method,
                    endpoint: getFirstMethodAndEndpoint(item.openapi_schema)?.endpoint
                }
            })
            setPluginFunList(data)
            setHasMore(actionLists.has_more)
        } else {
            setPluginFunList([])
        }
    }, [actionLists])
    const onhandleTipError = (value: boolean) => {
        setTipSchema(value)
    }
    const fetchData = async (params: any) => {
        setLoading(true);
        try {
            const res: any = await getActionsList(params)
            const data = res.data.map((item: any) => {
                return {
                    ...item,
                    key: item.action_id,
                    method: getFirstMethodAndEndpoint(item.openapi_schema)?.method,
                    endpoint: getFirstMethodAndEndpoint(item.openapi_schema)?.endpoint
                }
            })

            setPluginFunList(data)
            setHasMore(res.has_more)
        } catch (error) {
            console.log(error)