JustinByrne/Mealing

use App\Models\User;
use Livewire\Component;

class Approval extends Component
{
    public User $user;
    
    public function render()
    {
        return view('livewire.admin.users.approval');
    }

    public function approve(): Void
    {
        $this->user->update([
            'approved' => 1,
        ]);
    }
}

<div>
    @if ($user->approved != 1)
        <button wire:click="approve" class="w-full lg:w-auto rounded shadow-md py-1 px-2 bg-green-700 text-white hover:bg-green-500 text-xs">
            Approve
        </button>
    @endif
</div>

// ...

<td class="flex flex-col lg:flex-row px-4 py-2 lg:justify-end space-y-1 lg:space-y-0 lg:space-x-1">
    @livewire('admin.users.approval', ['user' => $user])
    <div>
        <a href="{{ route('admin.users.edit', $user) }}">
            <button class="w-full lg:w-auto rounded shadow-md py-1 px-2 bg-green-700 text-white hover:bg-green-500 text-xs">
                <i class="fas fa-pencil-alt"></i>
            </button>
        </a>
    </div>
    <div>
        <form action="{{ route('admin.users.destroy', $user) }}" method="POST">
            @csrf
            @method('DELETE')
            <button class="w-full lg:w-auto rounded shadow-md py-1 px-2 bg-gray-400 text-white hover:bg-gray-300 text-xs">
                <i class="fas fa-trash"></i>
            </button>
        </form>
    </div>
</td>

// ...