🎉 ヘッダーから関連チャンネルにアクセスできるように

[SSlime-s]

Close #860

Figma

動作 gif

チェック URL

https://4044-dev.traq-preview.trapti.tech/
本番データ: https://4044-prod.traq-preview.trapti.tech/

[codecov]

Codecov Report

Patch and project coverage have no change.

Comparison is base (042554e) 86.34% compared to head (bf32277) 86.34%.
Report is 4 commits behind head on master.

Additional details and impacted files

@@           Coverage Diff           @@
##           master    #4044   +/-   ##
=======================================
  Coverage   86.34%   86.34%           
=======================================
  Files          66       66           
  Lines        4709     4709           
  Branches      563      563           
=======================================
  Hits         4066     4066           
  Misses        637      637           
  Partials        6        6           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[SSlime-s]

@annin3
下の URL から触って試せるので気になったとこあったりしたら教えてもらえると 🙏
4044-dev.traq-preview.trapti.tech

アカウントがない場合は下のリンクの 1~3 で作れます (traQ のアカウントとは別です)
https://wiki.trap.jp/SysAd/dev/traQ/#head3

[annin3]

@SSlime-s 確認しました！
:LGTM: です、ありがとうございます！

[mehm8128]

ありがとうございます！
大体いい感じに動いてそうですが、いくつか気になったところ書いたので確認お願いします:pray:
まだ全ては見れていないのでまたつけ加えるかもです

[nokhnaton]

プルリクありがとうございます。
とりあえず挙動だけ見ました。マウスでの操作は特に問題なくできてそうです。
mehmさんのレビューに被ってるような気もしますが、tabでの操作が想定通りにできてないような気がします。確認お願いしたいです。

↓動画
https://github.com/traPtitech/traQ_S-UI/assets/104210327/2d5df90d-5d99-434c-a9e9-f43f77c4298a

[SSlime-s]

プルリクありがとうございます。 とりあえず挙動だけ見ました。マウスでの操作は特に問題なくできてそうです。 mehmさんのレビューに被ってるような気もしますが、tabでの操作が想定通りにできてないような気がします。確認お願いしたいです。

↓動画 traPtitech/traQ_S-UI/assets/104210327/2d5df90d-5d99-434c-a9e9-f43f77c4298a

@nokhnaton
これってどういう操作をしててどういう挙動が期待されてますか？
手元だと動画のような挙動が再現できなくて困ってます

[nokhnaton]

トグルボタンを最初にクリックするのと「すべてを表示」にフォーカスしている時にenterを押したこと以外はtabを押してます。
フォーカス部分の色が変わっているのはどこにフォーカスしているかわかりやすくするブラウザの機能です

[SSlime-s]

🤔 再現しないな
Windows 11, Chrome 115 & Edge 115 で試してます

[nokhnaton]

あ、ほんとですね。私の環境の問題な気がしてきたので気にしなくて大丈夫です

[SSlime-s]

useRelatedChannels が Sidebar の中にあったのを、@/composables 以下に移動させてます 🙏

[mehm8128]

色々と対応ありがとうございます！
最後にここだけ気になったので確認してほしいです:pray:
あとは大丈夫だと思います

[mehm8128]

タブで矢印キー押すとこうなってしまって、多分currentTabだけ変わってフォーカスが移ってない気がします:eyes:

[SSlime-s]

今度から天才って呼びます
修正しました 🙏

[mehm8128]

全部細かくは見れてないけどよさそうです
ありがとうございました！

[hijiki51]

動作一通り確認しました、よさそう