forked from github/plane
58 lines
1.5 KiB
TypeScript
58 lines
1.5 KiB
TypeScript
import { useState } from "react";
|
|
import { useRouter } from "next/router";
|
|
// services
|
|
// ui
|
|
import { Button } from "@plane/ui";
|
|
// helpers
|
|
import { renderFormattedPayloadDate } from "@/helpers/date-time.helper";
|
|
import { UserService } from "@/services/user.service";
|
|
|
|
const userService = new UserService();
|
|
|
|
export const DownloadActivityButton = () => {
|
|
// states
|
|
const [isDownloading, setIsDownloading] = useState(false);
|
|
// router
|
|
const router = useRouter();
|
|
const { workspaceSlug, userId } = router.query;
|
|
|
|
const handleDownload = async () => {
|
|
const today = renderFormattedPayloadDate(new Date());
|
|
|
|
if (!workspaceSlug || !userId || !today) return;
|
|
|
|
setIsDownloading(true);
|
|
|
|
const csv = await userService
|
|
.downloadProfileActivity(workspaceSlug.toString(), userId.toString(), {
|
|
date: today,
|
|
})
|
|
.finally(() => setIsDownloading(false));
|
|
|
|
// create a Blob object
|
|
const blob = new Blob([csv], { type: "text/csv" });
|
|
|
|
// create URL for the Blob object
|
|
const url = window.URL.createObjectURL(blob);
|
|
|
|
// create a link element
|
|
const a = document.createElement("a");
|
|
a.href = url;
|
|
a.download = `profile-activity-${Date.now()}.csv`;
|
|
document.body.appendChild(a);
|
|
|
|
// simulate click on the link element to trigger download
|
|
a.click();
|
|
|
|
// cleanup
|
|
window.URL.revokeObjectURL(url);
|
|
document.body.removeChild(a);
|
|
};
|
|
|
|
return (
|
|
<Button onClick={handleDownload} loading={isDownloading}>
|
|
{isDownloading ? "Downloading" : "Download today's activity"}
|
|
</Button>
|
|
);
|
|
};
|