Update toggle-column.blade.php

packages/tables/resources/views/columns/toggle-column.blade.php

@@ -29,9 +29,8 @@
             isLoading = false
         "
         x-tooltip="error"
-        x-bind:class="{
-            'opacity-70 pointer-events-none': isLoading,
-            '{{ match ($getOnColor()) {
+        x-bind:class="
+            (state ? '{{ match ($getOnColor()) {
                 'danger' => 'bg-danger-600',
                 'gray' => 'bg-gray-600',
                 'primary', null => 'bg-primary-600',
@@ -39,8 +38,7 @@
                 'success' => 'bg-success-600',
                 'warning' => 'bg-warning-600',
                 default => $onColor,
-            } }}': state,
-            '{{ match ($getOffColor()) {
+            } }}' : '{{ match ($getOffColor()) {
                 'danger' => 'bg-danger-600',
                 'gray' => 'bg-gray-600',
                 'primary' => 'bg-primary-600',
@@ -49,8 +47,9 @@
                 'warning' => 'bg-warning-600',
                 null => 'bg-gray-200 dark:bg-gray-700',
                 default => $offColor,
-            } }}: ! state,
-        }"
+            } }}') +
+            (isLoading ? ' opacity-70 pointer-events-none' : '')
+        "
         @disabled($isDisabled())
         type="button"
         class="relative inline-flex shrink-0 ml-4 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none disabled:opacity-70 disabled:pointer-events-none"