mirror of
https://github.com/maelgangloff/domain-watchdog.git
synced 2025-12-21 03:35:42 +00:00
22 lines
880 B
TypeScript
22 lines
880 B
TypeScript
|
import {CalendarFilled} from "@ant-design/icons";
|
||
|
|
import {t} from "ttag";
|
||
|
|
import {Popover, QRCode, Typography} from "antd";
|
||
|
|
import React from "react";
|
||
|
|
import {Watchlist} from "../../../pages/tracking/WatchlistPage";
|
||
|
|
|
||
|
|
export function CalendarWatchlistButton({watchlist}: { watchlist: Watchlist }) {
|
||
|
|
|
||
|
|
const icsResourceLink = `${window.location.origin}/api/watchlists/${watchlist.token}/calendar`
|
||
|
|
|
||
|
|
return <Typography.Link href={icsResourceLink}>
|
||
|
|
<Popover content={<QRCode value={icsResourceLink}
|
||
|
|
bordered={false}
|
||
|
|
title={t`QR Code for iCalendar export`}
|
||
|
|
type='svg'
|
||
|
|
/>}>
|
||
|
|
<CalendarFilled title={t`Export events to iCalendar format`}
|
||
|
|
style={{color: 'limegreen'}}
|
||
|
|
/>
|
||
|
|
</Popover>
|
||
|
|
</Typography.Link>
|
||
|
|
}
|