チャットの擬似既読機能の実装

[da-yoshi-k]

概要

一般的に見られる1件1件のメッセージに対する未読既読のカラムを持たせるのではなく、 フロントエンド単位でフラグ的に未読既読を管理する。

処理詳細

pageに対して以下の未読フラグを持たせる。

• 初期条件 false(途中参加の場合既読状態から始まってしまうが、現時点では割り切り)

• 更新条件 false→チャットモーダルを開いた時 true→チャットモーダルが閉じているかつメッセージが配信された時（サーバーからcreate_messageが配信された時）

[da-yoshi-k]

以下のPRで実装済みのため、クローズいたします。 https://github.com/da-yoshi-k/huddle-guide-frontend/pull/57

要検討・改善点

• 未読のインジケーターについて、daisyUIのindicatorを利用する(右下に固定されたチャットマークに上手くCSSが当たらなかったため現状SVG自体を切り替えている)
• isMessageUnreadの初期値をメッセージ件数を利用する。