fix(spindle-ui): remove closing className

[lanberb]

概要

AppealModalコンポーネントをEscキーで閉じた後、再度開いた際に正常に表示されない挙動を修正しました。

原因

• .spui-spui-AppealModal--closingがModalを閉じた後も残ったままだった。
  • 同classNameの付与を担うclosingフラグが更新されていなかった。

修正内容

• dialog要素のonCloseにclosingを更新するsetClosing(false)を渡し、Modalを閉じた後に必ずclosing === falseになるようにしました。

[github-actions]

Visit the preview URL for this PR (updated for commit 3101474):

https://ameba-spindle--pr595-fix-appeal-modal-4wv3aoml.web.app

_{(expires Sun, 15 Jan 2023 01:04:47 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: e7521619a2dd5c653490c8246e81ec2a5c8f1435}

[reg-suit]

✨✨ That's perfect, there is no visual difference! ✨✨

Check out the report here.

[lanberb]

testが落ちていますが、es-lintのissueでbugとして報告されていました。
jsx-eslint/eslint-plugin-react#3436

こちらのPR(#530 )のmergeで解消される見込みです。

[herablog]

testが落ちていますが、es-lintのissueでbugとして報告されていました。 jsx-eslint/eslint-plugin-react#3436

こちらのPR(#530 )のmergeで解消される見込みです。

お、そしたらそちら先に確認してマージしてもらちゃってよいでしょか！

[herablog]

testが落ちていますが、es-lintのissueでbugとして報告されていました。 jsx-eslint/eslint-plugin-react#3436

こちらのPR(#530 )のmergeで解消される見込みです。

こりやってもらったみたいなので、いちおmainの内容このブランチに取り込んじゃってください！！

[herablog]

動きとても良さそうです！！

[herablog]

チェンジログに載る都合で、コミットメッセージを変更したことでなく、修正した内容 ( fix(spindle-ui): close dialog with escape key 的な？) に変更お願いしたいです！！

[lanberb]

@herablog
close dialog with escape keyは元々挙動としてはできていたので、fix(spindle-ui): close handler to reopen dialogに変更してみました🙇

[herablog]

あと Dialog も同じ問題がありそうなので、一緒に修正お願いしたいです！

[lanberb]

@herablog
DialogのハンドラもAppealModalと同様に修正しました！

[herablog]