-
Notifications
You must be signed in to change notification settings - Fork 0
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
ErrorScreenの使用上の注意を追加する #1164
ErrorScreenの使用上の注意を追加する #1164
Conversation
✅ Deploy Preview for smarthr-design-system ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
現状一貫性が無いそれぞれのpropsの扱い方(logoを有効化する/しない, titleにHTTPステータスコードを入れる/入れない, childrenに渡すテキストの内容など)の基準がほしいと思いました!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
ura sanと同様に挿入するメッセージのバリエーションがほしいと思いました。(メンテナンス中以外でも40x系や50x系のエラー画面でつかわれているため)
@INABAshina 提案ありがとうございました! どれも納得のものだったので取り込みました! みなさま、改めてレビューをお願いいたします! @Qs-F @tosiiu @versionfive |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@oti 1点だけ追加で提案とコメントを入れています🙏><
ほかはLGTMでした!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
個人的には引っかかりポイントがなく、するっと理解できて良い気がしたのでLGTMです!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
1点質問とSuggestionをいれております。文言が整ってありがたい…
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
既出コメント以外LGTMです!
Co-authored-by: InabaShina <[email protected]>
Co-authored-by: versionfive <[email protected]>
@INABAshina @tosiiu @versionfive @Qs-F 対応漏れなどを作業したらapproveがdismissになっちゃいました。繰り返しで大変恐縮ですが再度確認をお願いいたします🙇 |
補足:SmartHR UI側でErrorScreenのレイアウトを修正する(上下左右の余白、中央揃え) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
#1164 (comment)
の前提を確認しました。
1点だけ、フィードバックが生まれたのでそちらにリンクを追加しました。
|
||
具体例は<a href="#h2-2">エラー別の表示内容</a>に記述しています。 | ||
|
||
フォームのバリデーションエラーや連携APIの疎通エラーのような一時的なエラーの場合、[NotificationBar](/products/components/notification-bar/)や[ResponseMessage](/products/components/response-message/)、[InformationPanel](/products/components/information-panel/)を使用を検討してください。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
フォームのバリデーションエラーや連携APIの疎通エラーのような一時的なエラーの場合、[NotificationBar](/products/components/notification-bar/)や[ResponseMessage](/products/components/response-message/)、[InformationPanel](/products/components/information-panel/)を使用を検討してください。 | |
フォームのバリデーションエラーや連携APIの疎通エラーのような一時的なエラーの場合、[NotificationBar](/products/components/notification-bar/)や[ResponseMessage](/products/components/response-message/)、[InformationPanel](/products/components/information-panel/)などを使用を検討します。詳細は[フィードバック](/products/design-patterns/feedback/)の基準を参照してください。 |
フィードバックに誘導
@versionfive フィードバックへの動線を追加しました! |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM!!!明快になってすぐ使える基準が爆誕しましたね!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
読みやすかったです!! 👏
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM!
課題・背景
https://smarthr.atlassian.net/browse/SD-654
基準充足のため
やったこと
ErrorScreenの使用上の注意を追加した。
やらなかったこと
Storybook のパターンが謎で、修正するとなっても別リポジトリなのでいったんそのままにしています。
children
props なしでも動作するよ、というコンポーネントの仕様を語ってそうだけどわからないfooter
props に ReactNode を入れられるよという話をしているようだけど、各プロダクトを検索した感じでは ErrorScreen でフッターを表示しているものが見受けられない。グループ企業にはあるかも?↓
動作確認
https://deploy-preview-1164--smarthr-design-system.netlify.app/products/components/error-screen/
キャプチャ