From b0649a1a65fd5a435ce316db1f061a0a6e6f2b74 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Sun, 9 Nov 2025 20:09:38 +0700
Subject: [PATCH] feat(reward tier): menambahkan gap pada table

---
 .../studio/loyalty/tier/reward.blade.php      | 39 ++++++++++---------
 1 file changed, 21 insertions(+), 18 deletions(-)

diff --git a/resources/views/livewire/studio/loyalty/tier/reward.blade.php b/resources/views/livewire/studio/loyalty/tier/reward.blade.php
index b1d8299..6b3ae70 100644
--- a/resources/views/livewire/studio/loyalty/tier/reward.blade.php
+++ b/resources/views/livewire/studio/loyalty/tier/reward.blade.php
@@ -17,25 +17,28 @@
                             <flux:table.cell>{{ $reward['name'] }}</flux:table.cell>
                             <flux:table.cell>{{ $reward['value'] }}</flux:table.cell>
                             <flux:table.cell>
-                                @can('update tier reward')
-                                    <flux:modal.trigger name="reward-form-modal">
-                                        <flux:tooltip content="Ubah">
-                                            <flux:button variant="primary" color="yellow" icon="pencil-square" size="sm"
-                                                wire:click="$dispatch('modal:open:reward', {method: 'update', 'modalTitle': 'Ubah Hadiah', 'tier_id': '{{ $reward['tier_id'] }}', 'id' : '{{ $reward['hash'] }}'})">
-                                            </flux:button>
-                                        </flux:tooltip>
-                                    </flux:modal.trigger>
-                                @endcan
+                                <div class="flex gap-2 pt-2 border-gray-200 dark:border-gray-700">
+                                    @can('update tier reward')
+                                        <flux:modal.trigger name="reward-form-modal">
+                                            <flux:tooltip content="Ubah">
+                                                <flux:button variant="primary" color="yellow" icon="pencil-square"
+                                                    size="sm"
+                                                    wire:click="$dispatch('modal:open:reward', {method: 'update', 'modalTitle': 'Ubah Hadiah', 'tier_id': '{{ $reward['tier_id'] }}', 'id' : '{{ $reward['hash'] }}'})">
+                                                </flux:button>
+                                            </flux:tooltip>
+                                        </flux:modal.trigger>
+                                    @endcan
 
-                                @can('update tier reward')
-                                    <flux:modal.trigger name="delete">
-                                        <flux:tooltip content="Hapus">
-                                            <flux:button variant="danger" icon="trash" size="sm"
-                                                wire:click="$dispatch('fn:confirmDelete', {id: '{{ $reward['hash'] }}'})">
-                                            </flux:button>
-                                        </flux:tooltip>
-                                    </flux:modal.trigger>
-                                @endcan
+                                    @can('update tier reward')
+                                        <flux:modal.trigger name="delete">
+                                            <flux:tooltip content="Hapus">
+                                                <flux:button variant="danger" icon="trash" size="sm"
+                                                    wire:click="$dispatch('fn:confirmDelete', {id: '{{ $reward['hash'] }}'})">
+                                                </flux:button>
+                                            </flux:tooltip>
+                                        </flux:modal.trigger>
+                                    @endcan
+                                </div>
                             </flux:table.cell>
                         </flux:table.row>
                     @endforeach