From fcb8f4f2ff70da71ff9f8da78bcf28b78b1bf6d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ma=C3=ABl=20Gangloff?= <contact@maelgangloff.fr>
Date: Wed, 7 Aug 2024 15:31:29 +0200
Subject: [PATCH] feat: add calendar button

---
 assets/components/tracking/WatchlistsList.tsx | 27 +++++++++++--------
 translations/translations.pot                 | 13 ++++++---
 2 files changed, 25 insertions(+), 15 deletions(-)

diff --git a/assets/components/tracking/WatchlistsList.tsx b/assets/components/tracking/WatchlistsList.tsx
index 451f360..7fa5464 100644
--- a/assets/components/tracking/WatchlistsList.tsx
+++ b/assets/components/tracking/WatchlistsList.tsx
@@ -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 {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 useBreakpoint from "../../hooks/useBreakpoint";
 import {actionToColor, domainEvent} from "../search/EventTimeline";
@@ -45,15 +45,20 @@ export function WatchlistsList({watchlists, onDelete}: { watchlists: Watchlist[]
                     }
                     size='small'
                     style={{width: '100%'}}
-                    extra={<Popconfirm
-                        title={t`Delete the Watchlist`}
-                        description={t`Are you sure to delete this Watchlist?`}
-                        onConfirm={() => deleteWatchlist(watchlist.token).then(onDelete)}
-                        okText={t`Yes`}
-                        cancelText={t`No`}
-                        okButtonProps={{danger: true}}>
-                        <DeleteFilled style={{color: token.colorError}}/>
-                    </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`}
+                            description={t`Are you sure to delete this Watchlist?`}
+                            onConfirm={() => deleteWatchlist(watchlist.token).then(onDelete)}
+                            okText={t`Yes`}
+                            cancelText={t`No`}
+                            okButtonProps={{danger: true}}>
+                            <DeleteFilled style={{color: token.colorError}} title={t`Delete the Watchlist`}/>
+                        </Popconfirm>
+                    </Space>}
                 >
                     <Card.Meta description={watchlist.token} style={{marginBottom: '1em'}}/>
                     <Table
diff --git a/translations/translations.pot b/translations/translations.pot
index 5fdad53..c570b11 100644
--- a/translations/translations.pot
+++ b/translations/translations.pot
@@ -266,21 +266,26 @@ msgstr ""
 msgid "Watchlist"
 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"
 msgstr ""
 
-#: assets/components/tracking/WatchlistsList.tsx:50
+#: assets/components/tracking/WatchlistsList.tsx:54
 msgid "Are you sure to delete this Watchlist?"
 msgstr ""
 
 #: assets/components/tracking/ConnectorsList.tsx:25
-#: assets/components/tracking/WatchlistsList.tsx:52
+#: assets/components/tracking/WatchlistsList.tsx:56
 msgid "Yes"
 msgstr ""
 
 #: assets/components/tracking/ConnectorsList.tsx:26
-#: assets/components/tracking/WatchlistsList.tsx:53
+#: assets/components/tracking/WatchlistsList.tsx:57
 msgid "No"
 msgstr ""