feat: add calendar button

This commit is contained in:
Maël Gangloff 2024-08-07 15:31:29 +02:00
parent 9218b27b92
commit fcb8f4f2ff
No known key found for this signature in database
GPG Key ID: 11FDC81C24A7F629
2 changed files with 25 additions and 15 deletions

View File

@ -1,7 +1,7 @@
import {Card, Divider, Popconfirm, Table, Tag, theme, Typography} from "antd"; import {Card, Divider, Popconfirm, Space, Table, Tag, theme, Typography} from "antd";
import {t} from "ttag"; import {t} from "ttag";
import {deleteWatchlist} from "../../utils/api"; import {deleteWatchlist} from "../../utils/api";
import {DeleteFilled, DisconnectOutlined, LinkOutlined} from "@ant-design/icons"; import {CalendarFilled, DeleteFilled, DisconnectOutlined, LinkOutlined} from "@ant-design/icons";
import React from "react"; import React from "react";
import useBreakpoint from "../../hooks/useBreakpoint"; import useBreakpoint from "../../hooks/useBreakpoint";
import {actionToColor, domainEvent} from "../search/EventTimeline"; import {actionToColor, domainEvent} from "../search/EventTimeline";
@ -45,15 +45,20 @@ export function WatchlistsList({watchlists, onDelete}: { watchlists: Watchlist[]
} }
size='small' size='small'
style={{width: '100%'}} style={{width: '100%'}}
extra={<Popconfirm extra={<Space size='middle'>
<Typography.Link href={`/api/watchlists/${watchlist.token}/calendar`}>
<CalendarFilled title={t`Export events to iCalendar format`}/>
</Typography.Link>
<Popconfirm
title={t`Delete the Watchlist`} title={t`Delete the Watchlist`}
description={t`Are you sure to delete this Watchlist?`} description={t`Are you sure to delete this Watchlist?`}
onConfirm={() => deleteWatchlist(watchlist.token).then(onDelete)} onConfirm={() => deleteWatchlist(watchlist.token).then(onDelete)}
okText={t`Yes`} okText={t`Yes`}
cancelText={t`No`} cancelText={t`No`}
okButtonProps={{danger: true}}> okButtonProps={{danger: true}}>
<DeleteFilled style={{color: token.colorError}}/> <DeleteFilled style={{color: token.colorError}} title={t`Delete the Watchlist`}/>
</Popconfirm>} </Popconfirm>
</Space>}
> >
<Card.Meta description={watchlist.token} style={{marginBottom: '1em'}}/> <Card.Meta description={watchlist.token} style={{marginBottom: '1em'}}/>
<Table <Table

View File

@ -266,21 +266,26 @@ msgstr ""
msgid "Watchlist" msgid "Watchlist"
msgstr "" msgstr ""
#: assets/components/tracking/WatchlistsList.tsx:49 #: assets/components/tracking/WatchlistsList.tsx:50
msgid "Export events to iCalendar format"
msgstr ""
#: assets/components/tracking/WatchlistsList.tsx:53
#: assets/components/tracking/WatchlistsList.tsx:59
msgid "Delete the Watchlist" msgid "Delete the Watchlist"
msgstr "" msgstr ""
#: assets/components/tracking/WatchlistsList.tsx:50 #: assets/components/tracking/WatchlistsList.tsx:54
msgid "Are you sure to delete this Watchlist?" msgid "Are you sure to delete this Watchlist?"
msgstr "" msgstr ""
#: assets/components/tracking/ConnectorsList.tsx:25 #: assets/components/tracking/ConnectorsList.tsx:25
#: assets/components/tracking/WatchlistsList.tsx:52 #: assets/components/tracking/WatchlistsList.tsx:56
msgid "Yes" msgid "Yes"
msgstr "" msgstr ""
#: assets/components/tracking/ConnectorsList.tsx:26 #: assets/components/tracking/ConnectorsList.tsx:26
#: assets/components/tracking/WatchlistsList.tsx:53 #: assets/components/tracking/WatchlistsList.tsx:57
msgid "No" msgid "No"
msgstr "" msgstr ""