Categories Table

<aside> 📌 This table contains all categories in the system, each category has a unique name.

</aside>

Search

<aside> 📌 The search works on each keystroke, filtering the data to only display matching name only.

</aside>

<aside> 💡 When typing into the search input, the icon on the right changes to ❌ , pressing it will clear the search text.

</aside>

Add new Category

<aside> 📌 When pressing Add Category button, a Modal appears with name input inside, this will create a new category with a new unique name.

</aside>

Edit Category’s name

<aside> 📌 When pressing ✏️ button, another Modal appears with name input inside, and it has the value of the current Editing product’s name inside it.

</aside>

Deleting a Category

<aside> 📌 When pressing ❌ button, another Modal appears, confirming the deletion of the wanted category.

</aside>

Sorting Categories

<aside> 📌 When pressing the sorting button on each data column, it sort the data of the table depending of the column, it has 3 states: Normal : Displays the data as it was fetched from the database. Ascending : Sorts the data in ascending order. Descending : Sorts the data in descending order.

</aside>