35 lines
985 B
TypeScript
35 lines
985 B
TypeScript
'use client'
|
|
|
|
import { useRouter } from 'next/navigation'
|
|
import { useTransition } from 'react'
|
|
import { toast } from 'sonner'
|
|
import { setActiveProductAction } from '@/actions/active-product'
|
|
|
|
interface Props {
|
|
productId: string
|
|
isDemo: boolean
|
|
}
|
|
|
|
export function ActivateProductButton({ productId, isDemo }: Props) {
|
|
const router = useRouter()
|
|
const [isPending, startTransition] = useTransition()
|
|
|
|
function handleActivate() {
|
|
if (isDemo) { toast.error('Niet beschikbaar in demo-modus'); return }
|
|
startTransition(async () => {
|
|
const result = await setActiveProductAction(productId)
|
|
if (result?.error) toast.error(typeof result.error === 'string' ? result.error : 'Activeren mislukt')
|
|
else router.push(`/products/${productId}`)
|
|
})
|
|
}
|
|
|
|
return (
|
|
<button
|
|
onClick={handleActivate}
|
|
disabled={isPending}
|
|
className="text-xs text-primary hover:underline font-medium disabled:opacity-50"
|
|
>
|
|
Activeer
|
|
</button>
|
|
)
|
|
}
|