From 74a76168ab2e4a7211555669241e7fcb5845b494 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Thu, 13 Aug 2026 18:14:12 +0700
Subject: [PATCH] feat: add disabled state to toggle status and featured
 components based on permissions

---
 resources/js/components/data-display/toggle-status.tsx   | 3 +++
 resources/js/pages/admin/master/product/product-card.tsx | 2 ++
 2 files changed, 5 insertions(+)

diff --git a/resources/js/components/data-display/toggle-status.tsx b/resources/js/components/data-display/toggle-status.tsx
index 622154c..60f6102 100644
--- a/resources/js/components/data-display/toggle-status.tsx
+++ b/resources/js/components/data-display/toggle-status.tsx
@@ -6,6 +6,7 @@ type ToggleStatusProps = {
     checked: boolean;
     onToggle?: () => void;
     label?: string;
+    disabled?: boolean;
     wrapperClassName?: string;
 };
 
@@ -14,6 +15,7 @@ export function ToggleStatus({
     checked,
     onToggle,
     label,
+    disabled = false,
     wrapperClassName = 'flex items-center gap-2',
 }: ToggleStatusProps) {
     function handleToggle() {
@@ -27,6 +29,7 @@ export function ToggleStatus({
                 size="sm"
                 checked={checked}
                 onCheckedChange={handleToggle}
+                disabled={disabled}
             />
             {label && (
                 <span
diff --git a/resources/js/pages/admin/master/product/product-card.tsx b/resources/js/pages/admin/master/product/product-card.tsx
index f99c9fa..5855414 100644
--- a/resources/js/pages/admin/master/product/product-card.tsx
+++ b/resources/js/pages/admin/master/product/product-card.tsx
@@ -166,6 +166,7 @@ export function ProductCardRow({
                                     url={toggleStatusUrl(product.id)}
                                     checked={isChecked}
                                     label={getStatusLabel(product.status)}
+                                    disabled={!can('products.toggle_status')}
                                 />
                             ) : (
                                 <span
@@ -182,6 +183,7 @@ export function ProductCardRow({
                                     url={toggleFeaturedUrl(product.id)}
                                     checked={product.is_featured}
                                     label={product.is_featured ? 'Ditampilkan di Halaman Depan' : 'Tidak Ditampilkan'}
+                                    disabled={!can('products.toggle_featured')}
                                 />
                             </div>
                         )}