[UX] UI: Real-time status of operations in notifications · meshery/meshery#13284

(8 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)HTML (3.101 Forks)batch import

component/uiframework/reacthelp wantedissue/willfixkind/enhancementlanguage/javascriptpriority/low

Repository-Metriken

Stars: (10.013 Stars)
PR-Merge-Metriken: (Durchschn. Merge 22T 16h) (332 gemergte PRs in 30 T)

Beschreibung

Current Behavior

Currently, Meshery users will receive one or more notifications per operation performed in order to apprise them of an operation's progress or outcome.

https://github.com/user-attachments/assets/71aeb98d-7229-4eb6-81b6-5f027a710790

Desired Behavior

The behavior of the operation status in this GitHub notification is great inspiration for a UX improvement in Meshery.

https://github.com/user-attachments/assets/b381440b-64bf-4791-b732-2e00072cfb7a

Implementation

Must be driven through enhancement in the reusable component library in Sistent.

Acceptance Tests

No matter what form this improvement takes, it must be implemented universally; the user experience must be consistent.

Mockups

TBD

Contributor Guides and Handbook

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

Contributor Guide

Research-Richtung: Untersuchen Sie die Sistent Komponentenbibliothek und entwerfen Sie ein Echtzeit Statusbenachrichtigungssystem für die Meshery Benutzeroberfläche.
Tech Stack: reacttypescriptjavascript
Domain: frontend
Issue Type: Funktion
Schwierigkeit: 3
Geschätzte Zeit: 1-2 Tage
Aktivitätsstatus: Aktiv
Klarheit: Meist klar
Voraussetzungen: Git
Einsteigerfreundlichkeit: 50