Change Proposal: Snackbar notification system
メンテナーはふだん 2 日以内に返信
まだ誰も着手していません。
評価
- 難易度
- 5/5
- 見積もり時間
- 1週間以上
- 初心者へのやさしさ
- 38/100
- issue の種類
- 機能追加
- 明瞭さ
- おおむね明確
- 活発さ
- 活発
- 技術スタック
- react, typescript
調査の方向性
Start by reviewing the MuiSnackbar, MuiSnackbarContent, and MuiAlert overrides in DiamondDSTheme.ts, along with the Snackbar story. Compare the proposed SnackbarProvider approach with the existing component usage and define how stacking, queueing, theming, and notification guidance should fit together. Done means the accepted design is implemented with usage documentation covering placement, duration, severity, and inline Alert choices.
索引モデルが issue の本文から書いたものです。
説明
What is being proposed?
Introduce a snackbar notification system for stacking and queueing multiple notifications (e.g. notistack or an equivalent MUI-compatible library), plus written guidance on when and how to use it.
(was raised by several issues in i15-1/Atlas project)
Why is this needed?
Today the DS only themes MUI's bare Snackbar/Alert (see MuiSnackbar/MuiSnackbarContent/MuiAlert overrides in DiamondDSTheme.ts and the Snackbar story). Each consumer wires its own open state and there's no way to stack or queue multiple notifications, and no guidance on when a snackbar is appropriate versus an inline Alert.
MUI/Material's own guidance recommends showing only one snackbar at a time, but our platform needs to support multiple concurrent, stacked notifications, as seen in systems such as IBM Carbon's notification component.
What will change?
- Behaviour: adds a
SnackbarProvider(or similar) enabling stacking/queueing of multiple notifications - Component props or usage: consumers trigger notifications imperatively instead of managing
openstate themselves - New dependency: notistack (or equivalent), themed to match existing
MuiAlert/MuiSnackbarContentstyling - Documentation: usage guidance covering when to use a snackbar vs. inline
Alert, severity/variant mapping, duration and placement conventions
Interface changes (if any)
const { enqueueSnackbar } = useSnackbar();
enqueueSnackbar("Saved", { variant: "success" });
Breaking change?
- No
Next steps
A maintainer will review this issue.
If accepted, it will be marked as accepted and a PR may then be opened.
- 主要言語
- TypeScript
- スター
- 9
- フォーク
- 3
- 平均マージ
- 6日 7時間
- マージ済み PR（30日）
- 20
環境構築
このプロジェクトの開発コンテナを、あなたの GitHub アカウントでブラウザ上に起動します。
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートなし
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
DiamondLightSource/sci-react-ui のほかの issue
-
needs-triage
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
DiamondLightSource/sci-react-ui#325 · コメント 1 件 ·
メンテナーはふだん 2 日以内に返信
-
accepted
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
DiamondLightSource/sci-react-ui#283 ·
メンテナーはふだん 2 日以内に返信
-
needs-triage
難易度 5/5 1週間以上 初心者へのやさしさ 35/100
DiamondLightSource/sci-react-ui#331 ·
メンテナーはふだん 2 日以内に返信
-
needs-triage
難易度 4/5 3〜5日 初心者へのやさしさ 55/100
DiamondLightSource/sci-react-ui#324 ·
メンテナーはふだん 2 日以内に返信
-
needs-triage
難易度 5/5 1週間以上 初心者へのやさしさ 45/100
DiamondLightSource/sci-react-ui#280 ·
メンテナーはふだん 2 日以内に返信
DiamondLightSource/sci-react-ui の issue をすべて見る
似ている issue
-
bug via-triage
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
pingdotgg/t3code#14452 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
solana-foundation/program-examples#747 · コメント 1 件 ·
メンテナーはふだん 9 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 65/100
remotion-dev/remotion#11847 ·
メンテナーはふだん 1 日以内に返信
-
bug
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
openwatersio/slackwater#355 ·
メンテナーはふだん 1 日以内に返信
-
bug
難易度 2/5 1〜3時間 初心者へのやさしさ 74/100
melgarafael/DeskcommCRM#1998 · コメント 3 件 ·
メンテナーはふだん 1 日以内に返信