since3-portal/modules/shared/ui/components/terms-dialog.tsx

"use client";

import { useState } from "react";
import { acceptTerms } from "../../actions/acceptTerms";
import { useRouter } from "next/navigation";
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from "@/components/ui/dialog";
import { Button } from "@/components/ui/button";


export function TermsDialog() {
    const [open, setOpen] = useState(true);
    const [pending, setPending] = useState(false);
    const router = useRouter();

    async function handleAccept() {
        setPending(true);
        const result = await acceptTerms();

        if (result && "success" in result) {
            setOpen(false);
            router.refresh();
        }
        setPending(false);
    }  

    return (
        <Dialog open={open} onOpenChange={() => {}}>
            <DialogContent showCloseButton={false}>
                <DialogHeader>
                    <DialogTitle>Nutzungsbedingungen</DialogTitle>
                    <DialogDescription>
                        Bitte akzeptiere unsere Nutzungsbedingungen, um fortzufahren.
                    </DialogDescription>
                </DialogHeader>
                <DialogFooter>
                    <Button onClick={handleAccept} disabled={pending}>
                        {pending ? "..." : "Akzeptieren"}
                    </Button>
                </DialogFooter>
            </DialogContent>
        </Dialog>
    )
}