Function Plugins

frontend/src/components/plugins/index.tsx:25–408

()

import { useTranslation } from "react-i18next";

function Plugins() {
    const { t } = useTranslation();
    const createPluginRef = useRef<any>()
    const dispatch = useDispatch()
    const { pluginLists } = useSelector((state: any) => state.plugin);
    const { bundleTableColumn } = CommonComponents()
    const { tooltipEditTitle, tooltipDeleteTitle,tooltipPluginTitle } = tooltipTitle();
    const [loading, setLoading] = useState(false);
    const [form] = Form.useForm()
    const [pluginFunList, setPluginFunList] = useState([])
    const [deleteValue, setDeleteValue] = useState('')
    const [updatePrevButton, setUpdatePrevButton] = useState(false)
    const [OpenDeleteModal, setOpenDeleteModal] = useState(false)
    const [limit, setLimit] = useState(20)
    const [hasMore, setHasMore] = useState(false)
    const [formDisabled, setFormDisabled] = useState(false)
    const [openCreateModal1, setOpenDrawer] = useState(false)
    const [bundleId, setBundleId] = useState('')
    const [bundleName, setBundleName] = useState('')
    const [bundilesList, setBundlesList] = useState([])
    const [credentialsSchema, setCredentialsSchema] = useState({})
    const [inputSchema, setInputSchema] = useState({})
    const [resetButtonShow, setResetButtonShow] = useState(true)
    const [pluginListData, setPluginListData] = useState([])
    const [pluginId, setPluginId] = useState('')
    const [pluginName, setPluginName] = useState('')
    const [pluginDesc, setPluginDesc] = useState('')
    const [bundleDesc, setBundleDesc] = useState('')
    const [confirmLoading, setConfirmLoading] = useState(false)
    const [openEditDrawer, setOpenEditDrawer] = useState(false)
    const [openEditFormDrawer, setOpenEditFormDrawer] = useState(false)
    const [isShowBundle, setIsShowBundle] = useState(true)
    const [cachedImages, setCachedImages] = useState({});
    useEffect(() => {
        const params1 = {
            limit: 100,
            offset: 0,
            lang: 'en'
        }
        getBundleList(params1)
    }, [])
    useEffect(() => {
        if (pluginLists.data.length > 0) {
            const data = pluginLists.data.map((item: any) => {
                return {
                    ...item,
                }
            })
            setPluginFunList(data)
            setHasMore(pluginLists.has_more)
        } else {
            setPluginFunList([])
        }
    }, [pluginLists])
    const fetchData = async (params: any) => {
        setLoading(true);
        try {
            const res: any = await getPluginList(params)