Fixed token revokes empty states messages

[alvarengathomas]

Closes #49

This PR includes:

• Improvement of token revokes empty states

---

Connect Wallet

Before PR:

After PR:

---

Loading

Before PR:

After PR:

---

Empty List

Before PR:

After PR:

[dvnahuel]

As minor points of improvement, I’d suggest

• Removing the scroll bar from the empty states (since there are no items to scroll through).

• Adding a border radius to the label container. The border radius should follow this logic: Parent container border radius - (minus) Container margin from the parent container = Label container border radius.

• Adding the following box-shadow to the displayed white container: box-shadow: 0px 2px 4px 0px rgba(0, 2, 2, 0.04), 0px 8px 24px -4px rgba(0, 2, 2, 0.04);

• Making the loader color orange #FF6C15

[ArturDolzan]

A single comment otherwise LGTM.

[alvarengathomas]

As minor points of improvement, I’d suggest

• Removing the scroll bar from the empty states (since there are no items to scroll through).
• Adding a border radius to the label container. The border radius should follow this logic: Parent container border radius - (minus) Container margin from the parent container = Label container border radius.
• Adding the following box-shadow to the displayed white container: box-shadow: 0px 2px 4px 0px rgba(0, 2, 2, 0.04), 0px 8px 24px -4px rgba(0, 2, 2, 0.04);
• Making the loader color orange #FF6C15

@dvnahuel I managed to fix most of the things you asked for (with a few caveats):

• Removing the scroll bar from the empty states.
• Adding a border radius to the label container.

I tried a lot to add this border-radius the first time I refactored this component and tried again now and I could not do it, I think the problem is the <table> element, maybe we can change it to a grid in the future to apply this border-radius

• Adding box-shadow to the white container.

I could not add the custom box-shadow you asked for, but I could apply the tailwind's default one:

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

• Making the loader color orange #FF6C15.

Final result: