Function ApiKeys

frontend/src/components/apiKey/index.tsx:19–312

()

import { useTranslation } from 'react-i18next';
import { createApiKeys, getApiKeysList, getApiKeys, updateApiKeys, deleteApiKeys } from '../../axios/apiKeys.ts'
function ApiKeys() {
    const { apiKeyLists } = useSelector((state: any) => state.apikey);
    const dispatch = useDispatch()
    const { t } = useTranslation();
    const { apikeysTableColumn } = CommonComponents();
    const { tooltipEditTitle, tooltipDeleteTitle, tooltipShowTitle, tooltipHideTitle } = tooltipTitle();

    useEffect(() => {
        if (apiKeyLists.data.length > 0) {
            const data = apiKeyLists.data.map((item: any) => {
                return {
                    ...item,
                    key: item.apikey_id
                }
            })
            setApiKeysList(data)
        }else {
            setApiKeysList([])
        }
    }, [apiKeyLists])
    const [form] = Form.useForm();
    const [form1] = Form.useForm();
    const [deleteForm] = Form.useForm();
    const [openEditAPIKey, setOpenEditAPIKey] = useState(false)
    const [openCreateAPIKey, setOpenCreateAPIKey] = useState(false)
    const [createNameValue, setCreateNameValue] = useState('')

    const [openDeleteModal, setOpenDeleteModal] = useState(false)
    const [apiKeysList, setApiKeysList] = useState<any[]>([])
    const [loading, setLoading] = useState(false);
    const [confirmLoading, setConfirmLoading] = useState(false)
    const [tableLoading, setTableLoading] = useState(false)
    const [deleteLoading, setDeleteLoading] = useState(false);
    const [record, setRecord] = useState<any>({});
    const [initialValues, setInitialValues] = useState({
        name: '',
    })
    const [id, setId] = useState('');
    const [disabled, setDisabled] = useState(true);
    const handleNewInstance = async () => {
        await form.setFieldValue('name', '')
        await setCreateNameValue('')
        setId('')
        setOpenCreateAPIKey(true)
        await form.resetFields()
    }

    const fetchData = async (params: Record<string, any>) => {
        try {
            setTableLoading(true)
            const res = await getApiKeysList(params)
            const data = res.data.map((item: any) => {
                return {
                    ...item,
                    key: item.apikey_id
                }
            })
            setApiKeysList(data)