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={ deleteWatchlist(watchlist.token).then(onDelete)} - okText={t`Yes`} - cancelText={t`No`} - okButtonProps={{danger: true}}> - - } + extra={ + + + + deleteWatchlist(watchlist.token).then(onDelete)} + okText={t`Yes`} + cancelText={t`No`} + okButtonProps={{danger: true}}> + + + } >