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

19
assets/pages/tracking/WatchlistPage.tsx
View File

@@ -5,6 +5,7 @@ import {AxiosError} from "axios";
import {t} from 'ttag'
import {WatchlistForm} from "../../components/tracking/WatchlistForm";
import {WatchlistsList} from "../../components/tracking/WatchlistsList";
import {Connector, getConnectors} from "../../utils/api/connectors";
type Watchlist = { token: string, domains: { ldhName: string }[], triggers?: { event: EventAction, action: string }[] }
@@ -14,10 +15,18 @@ export default function WatchlistPage() {
const [form] = Form.useForm()
const [messageApi, contextHolder] = message.useMessage()
const [watchlists, setWatchlists] = useState<Watchlist[] | null>()
const [connectors, setConnectors] = useState<(Connector & { id: string })[] | null>()
const onCreateWatchlist = (values: { domains: string[], triggers: { event: string, action: string }[] }) => {
const onCreateWatchlist = (values: {
domains: string[],
triggers: { event: string, action: string, connector?: string }[]
}) => {
const domainsURI = values.domains.map(d => '/api/domains/' + d)
postWatchlist(domainsURI, values.triggers).then((w) => {
postWatchlist(domainsURI, values.triggers.map(({action, event, connector}) => ({
action,
event,
connector: connector !== undefined ? '/api/connectors/' + connector : undefined
}))).then((w) => {
form.resetFields()
refreshWatchlists()
messageApi.success(t`Watchlist created !`)
@@ -37,12 +46,16 @@ export default function WatchlistPage() {
useEffect(() => {
refreshWatchlists()
getConnectors().then(c => setConnectors(c['hydra:member']))
}, [])
return <Flex gap="middle" align="center" justify="center" vertical>
<Card title={t`Create a Watchlist`} style={{width: '100%'}}>
{contextHolder}
<WatchlistForm form={form} onCreateWatchlist={onCreateWatchlist}/>
{
connectors &&
<WatchlistForm form={form} onCreateWatchlist={onCreateWatchlist} connectors={connectors}/>
}
</Card>