40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
"use client";
|
|
|
|
import { useEffect, useState } from "react";
|
|
import { Download } from "lucide-react";
|
|
import { Button } from "@/components/ui/button";
|
|
import { useI18n } from "@/lib/i18n";
|
|
|
|
interface BeforeInstallPromptEvent extends Event {
|
|
prompt: () => Promise<void>;
|
|
userChoice: Promise<{ outcome: "accepted" | "dismissed" }>;
|
|
}
|
|
|
|
export function InstallPWAButton() {
|
|
const [event, setEvent] = useState<BeforeInstallPromptEvent | null>(null);
|
|
const { t } = useI18n();
|
|
useEffect(() => {
|
|
const handlePrompt = (promptEvent: Event) => {
|
|
promptEvent.preventDefault();
|
|
setEvent(promptEvent as BeforeInstallPromptEvent);
|
|
};
|
|
window.addEventListener("beforeinstallprompt", handlePrompt);
|
|
return () => window.removeEventListener("beforeinstallprompt", handlePrompt);
|
|
}, []);
|
|
|
|
if (!event) return null;
|
|
return (
|
|
<Button
|
|
variant="glass"
|
|
onClick={async () => {
|
|
await event.prompt();
|
|
await event.userChoice;
|
|
setEvent(null);
|
|
}}
|
|
>
|
|
<Download className="size-4" />
|
|
{t("pwa.install")}
|
|
</Button>
|
|
);
|
|
}
|