[UI] Make UI/UX consistent for Publishing catalog content.

[Revolyssup]

Current Behavior

A publish button is available currently that sends a publish request for publishing content. But there are a lot of UI/UX inconsistencies

Desired Behavior

1. Content like design have a visibility field set to Public Private and Published
2. Currently both Public and Published are shown as Public, which shouldn't be the case.
3. Have different UX for different visibility
   a. For public/private designs, have a publish button.
   b. For public/private designs which already have been requested to get published will result in an error. Handle the error gracefully with an error message describing that the request has been submitted and will be approved. And to prompt users to check their mail.
   c. For the already Published content, add an unpublish button for the owners and admins of the content to unpublish the catalog item.
4. Change server to send 202 Accepted when a publish request is submitted.

Implementation

Acceptance Tests

Mockups

---

Contributor Guides and Handbook

• 🎨 Wireframes and designs for Meshery UI in Figma
• 🖥 Contributing to Meshery UI
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack

[github-actions]

This issue has been labeled with 'component/ui'. 🧰 Here are docs on Contributing to Meshery UI. 🎨 Here is the Meshery UI Figma File File. Lastly, here are docs on Contributing to Meshery's End-to-End Tests Using Cypress.

---

        Be sure to join the community, if you haven't yet and please leave a ⭐ star on the project 😄

[thisiskaransgit]

I am willing to work on this issue!

[Srinja333]

Can I work on this?

[thisiskaransgit]

Hey @Revolyssup, with respect to the following point

Change server to send 202 Accepted when a publish request is submitted.

this is the file where I should be making changes right?

		if res.StatusCode != 200 {
			// failsafe for the case when a valid uuid v4 is not an id of any pattern (bad api call)
			return errors.Errorf("Response Status Code %d, possible invalid ID", res.StatusCode)

meshery/mesheryctl/internal/cli/root/pattern/view.go

if not, a little guidance on how to proceed with it will be helpful.

• And other than that I've changed the snackbar dialog from "Design Published!" to "Design sent for review, check your email for further updates "

[Revolyssup]

little guidance on how to proceed with it will be helpful.

Nope, this is mesheryctl. The change would be in Meshery cloud as well as Meshery server code. I will do that. Create another issue and assign it to me.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[vishalvivekm]

@thisiskaransgit what's the status on this issue? // @harkiratsm

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale]

This issue is being automatically closed due to inactivity. However, you may choose to reopen this issue.