enhance(frontend): チャンネルへのノート投稿導線を改善

[mesichicken]

Fix https://github.com/misskey-dev/misskey/issues/10762 Fix https://github.com/misskey-dev/misskey/issues/12711 Fix https://github.com/misskey-dev/misskey/issues/12712

What

開いているページ（mainRouter）がチャンネルのとき、そのチャンネルを投稿先にしたいです

https://github.com/misskey-dev/misskey/assets/57591417/95fd56d1-a265-45ba-8c5a-93b2a7aecf76

Why

投稿ボタンが2つあるため間違えが発生しやすく、NとPのショートカットでチャンネルへ投稿できないため

Additional info (optional)

https://github.com/misskey-dev/misskey/pull/12688 こちらのPRを再度OPENします。

Checklist

• [x] Read the contribution guide
• [ ] Test working in a local environment
• [ ] (If needed) Add story of storybook
• [x] (If needed) Update CHANGELOG.md
• [ ] (If possible) Add tests

[kakkokari-gtyih]

@mesichicken 元のやつがOpenになった

[fruitriin]

おっふ

[mesichicken]

あら

[fruitriin]

なおせちゃったら直しちゃってください！

[mesichicken]

@kakkokari-gtyih 私のほうで直せるか試してみます。無理そうでしたらcloseします。

[kakkokari-gtyih]

元のほうが閉じられたのでこっちベースで進めましょうか

[codecov[bot]]

Codecov Report

Attention: Patch coverage is 31.30081% with 169 lines in your changes missing coverage. Please review.

Project coverage is 20.16%. Comparing base (6dd2e9f) to head (93bca51).

Files	Patch %	Lines
...ges/frontend/src/components/MkVisibilityPicker.vue	0.00%	116 Missing :warning:
...ckages/frontend/src/scripts/post-button-handler.ts	0.00%	32 Missing and 1 partial :warning:
...ges/frontend/src/ui/_common_/navbar-for-mobile.vue	0.00%	8 Missing :warning:
packages/frontend/src/ui/_common_/navbar.vue	0.00%	8 Missing :warning:
packages/frontend/src/boot/main-boot.ts	0.00%	2 Missing :warning:
packages/frontend/src/pages/channel.vue	0.00%	1 Missing :warning:
packages/frontend/src/router/definition.ts	0.00%	1 Missing :warning:

Additional details and impacted files

@@             Coverage Diff             @@
##           develop   #13028      +/-   ##
===========================================
- Coverage    20.37%   20.16%   -0.21%     
===========================================
  Files          698      699       +1     
  Lines        97636    97810     +174     
  Branches      1012     1015       +3     
===========================================
- Hits         19889    19720     -169     
- Misses       77229    77569     +340     
- Partials       518      521       +3     

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

[syuilo]

これだとチャンネルを開いている時にチャンネル外に投稿する手段がなくなりそう？

[Sayamame-beans]

これだとチャンネルを開いている時にチャンネル外に投稿する手段がなくなりそう？

デッキUIでないケースでは、それで良いのではないかと思います…? (標準でチャンネル外に投稿出来てしまう挙動で困っていたみたいなので)

一つの選択肢としては、https://github.com/misskey-dev/misskey/pull/12687 も加えて、非デッキUIでのチャンネル表示時はデフォルトの公開範囲がそのチャンネルになるが、公開範囲を変えられるのでチャンネル外にも投稿出来るようにする、とかでしょうか…?

[syuilo]

デッキUIでないケースでは、それで良いのではないかと思います…? (標準でチャンネル外に投稿出来てしまう挙動で困っていたみたいなので)

チャンネル開きながらチャンネル外に投稿するシチュエーションは普通にあるわね

[samunohito]

さやまめさんが仰ってる通り、#12687 も合わせればよさそうです？ ちょっと導線の形は変わりますが、チャンネルを開きながら外にも投げられるようになります

[samunohito]

（安直かもしれませんが、設定項目生やして今の動作とこのPRの動作を切り替えられるようにするとか…）

[mesichicken]

たしかにチャンネル外に登録する手段がなくなるのは問題ですね。 https://github.com/misskey-dev/misskey/pull/12687 も再度オープンするのが良いでしょうか もしくはこのPRに取り込んで1つのPRにしてしまっても良いかもしれません(変更差分的にそんなに大変にならなそうなので)

[mesichicken]

パスからチャンネル情報を取得するように変更されたことで「チャンネルに投稿」からフォームを開いても色情報が取得されなくなる問題がある デグレの修正が必要

https://github.com/misskey-dev/misskey/assets/57591417/0fc70c9a-ac56-4a35-9a89-aa06e2810eb9

[mesichicken]

「ノート」ボタンからフォームを開いてもチャンネルの色が表示できるようにしました。

https://github.com/misskey-dev/misskey/assets/57591417/b2765d32-6e08-4cf4-80b3-ba880408da4a

[mesichicken]

クローズされた https://github.com/misskey-dev/misskey/pull/12687 を本ブランチにマージすると、チャンネル画面からでもチャンネル外に投稿することが可能です。 マージして一つのPRにしてしまったほうが良いでしょうか。

https://github.com/misskey-dev/misskey/assets/57591417/04239924-c6be-4598-a579-fb77a104f2f0

[kakkokari-gtyih]

https://github.com/misskey-dev/misskey/pull/12687 を取り込んだうえでUIを若干調整するといいかも

[mesichicken]

承知しました！取り込みますね

[mesichicken]

取り込み完了 UIの調整をする

[mesichicken]

不自然な挙動をするので修正する ノート投稿後にある条件下でフォームがクリアされない(下書きが残ってしまう？) https://misskey.systems/notes/9ow8esbo88

[mesichicken]

上記のバグを直した

https://github.com/misskey-dev/misskey/assets/57591417/e5ed777d-104d-4e8d-b812-d0eabeaa5fcd

[mesichicken]

チャンネルが多くて画面外にはみ出そうなときはきちんとスクロールされるようになっていることを確認 https://github.com/misskey-dev/misskey/assets/57591417/247baba3-01ea-4ecf-a4d2-30852b0d66d9

[mesichicken]

@kakkokari-gtyih もしUI気になるところありましたらお手すきでご指摘ください🙏

[kakkokari-gtyih]

多忙なため２月２日くらいに確認します （動作自体は問題なさそうなので、もうこれでマージしてしまってからこちら側でUIの調整を入れるのでも良さそう）

[kakkokari-gtyih]

作業中

[kakkokari-gtyih]

done（デザイン・挙動周りの見直しはできたとおもう）

[kakkokari-gtyih]

CHANGELOGをわすれていた

[kakkokari-gtyih]

CHANGELOGをわすれていた

Done

[syuilo]

見る

[kakkokari-gtyih]

コンフリクト解消