External/domain-watchdog
1
0
Fork 0
mirror of https://github.com/maelgangloff/domain-watchdog.git synced 2025-12-29 16:15:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: update connector page

Browse Source
This commit is contained in:
Maël Gangloff
2024-07-30 00:55:36 +02:00
parent 3a9f22318f
commit 469537d275
11 changed files with 205 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
assets/pages/tracking/ConnectorsPage.tsx
View File

@@ -1,7 +1,7 @@
import React, {useEffect, useState} from "react";
import {Card, Flex, Form, message, Skeleton} from "antd";
import {t} from "ttag";
import {Connector, getConnectors} from "../../utils/api/connectors";
import {Connector, getConnectors, postConnector} from "../../utils/api/connectors";
import {ConnectorForm} from "../../components/tracking/ConnectorForm";
import {AxiosError} from "axios";
import {ConnectorsList} from "../../components/tracking/ConnectorsList";
@@ -13,6 +13,16 @@ export default function ConnectorsPage() {
const [messageApi, contextHolder] = message.useMessage()
const [connectors, setConnectors] = useState<ConnectorElement[] | null>()
const onCreateConnector = (values: Connector) => {
postConnector(values).then((w) => {
form.resetFields()
refreshConnectors()
messageApi.success(t`Connector created !`)
}).catch((e: AxiosError) => {
const data = e?.response?.data as { detail: string }
messageApi.error(data.detail ?? t`An error occurred`)
})
}
const refreshConnectors = () => getConnectors().then(c => {
setConnectors(c['hydra:member'])
@@ -28,10 +38,9 @@ export default function ConnectorsPage() {
return <Flex gap="middle" align="center" justify="center" vertical>
<Card title={t`Create a Connector`} style={{width: '100%'}} loading={true}>
<Card title={t`Create a Connector`} style={{width: '100%'}}>
{contextHolder}
<ConnectorForm form={form} onCreate={() => {
}}/>
<ConnectorForm form={form} onCreate={onCreateConnector}/>
</Card>