Category Edit - Inline in the Table

@phuyer, is cancelCategoryEdit button working for you?

Good point for the validation, updated this lesson and repo.

What's not working for you? As you saw in phuyer animation, the buttons works for him. Validation fixed now.

I've had issue with cancel button as well. If I add prevent the click event, it cancels

 <x-primary-button wire:click.prevent="cancelCategoryEdit()">
	 Cancel
</x-primary-button>

Providing each 'x-primary-button' with a unique id works for me.

Same here cancel not working.

for the validation bug reset the validation in the editCategory function :-

	public function editCategory($categoryId){
    $this->resetValidation();
    $this->editedCategoryId = $categoryId;
    $this->category = Category::find($categoryId);
}

@Filimoni Lutunaika I changed that x-primary-button to span tag and that worked

Use hidden class technique just like before. Like this

<td class="@if ($editedCategoryId !== $category->id) hidden @endif px-6 py-4 text-sm leading-5 text-gray-900 whitespace-no-wrap">
		<x-button wire:click="save">
				Save
		</x-button>
		<x-button wire:click.prevent="cancelCategoryEdit">
				Cancel
		</x-button>
</td>
<td class="@if ($editedCategoryId === $category->id) hidden @endif px-6 py-4 text-sm leading-5 text-gray-900 whitespace-no-wrap">

		<x-button wire:click="editCategory({{ $category->id }})">
				Edit
		</x-button>
		<button class="px-4 py-2 text-xs text-red-500 uppercase bg-red-200 rounded-md border border-transparent hover:text-red-700 hover:bg-red-300">
				Delete
		</button>
</td>

For classes, at least for me, it's better to use @class() Blade directive

Toggle $showModal on editCategory component's method (which gets called when edit button is clicked) and for end-user's readability change the inner text in the modal's button to "Update" instead of "Create", and the modal title to "Edit Category" when $category (or $editedCategoryId, after all one doesn't exists without the other) doesn't have the default "empty" value (for $category, null).

Also make sure to populate the form fields with the category data, and add a closeModal method to reset everything when the modal is closed.