[UIX] Minor friction challenges

[mghenciu]

What problem does this address?

While testing Feedzy, I think there are some small ares where we can do a better job on the details:

Improve how the Confirmation Toast looks

Currently we use the Default WP toast, and even if this is recommended - in our case it's a bit strange because it moves and in a way brakes the layout (attached video):

Screen.Recording.2023-07-13.at.18.17.40.mov

As a potential solution, I think we can use something similar to Spectra (also in the video above at the end) or how the toasts look in the editor:

This way the toasts won't interfere with the Feedzy layout.

---

2 Primary buttons in the same area

On the Settings page there are 2 Primary buttons in the same area + the Remove image button is visible all the time, even when there are no image added. From an UIX pov, this increases the cognitive load since more buttons look important.

This could be a potential solution for this:

Screen.Recording.2023-07-13.at.18.52.56.mov

---

Upgrade button opens in the current page

I think as a general rule, we open the upgrade links in a new tab. This doesn't happen in the current Feedzy build, which open the Admin Sidebar upgrade, in the same tab. This may be annoying for the users, since it takes them outside the wordpress context.

---

What is your proposed solution?

Added above.

Will this feature require documentation? (Optional)

No.

[girishpanchal30]

Hey @mghenciu,

I've fixed the mentioned issue/improvement with this PR #781, please check with the attached PR zip, and do let me know if you have any issues.

Thanks

[irinelenache]

@girishpanchal30 Tested and everything's working fine here 🚀

I'll move this to Ready to merge after @mghenciu approves ✔️

[mghenciu]

The changes look good 👏
Thank you Irinel for testing & @girishpanchal30 for the implementation.

[pirate-bot]

🎉 This issue has been resolved in version 4.2.8 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀