ログインユーザのアイコンを表示

[asriel-dev-apps]

概要

issue: #47

現在ログインしているユーザのアイコンを表示する

やったこと

メインタスク

• uid を用いて、users document の内、現在のログインユーザを取得する loginUserProvider を作成
• content page, learning_community page, proffesional page で上記providerを呼び出し、ユーザアイコン表示
• circle profile icon の背景と、枠線を調整（背景が白い画像だと境界がわからないため）

リファクタリング

• User Class -> WithToneUser Class へ修正（Firebase_auth の User と区別するため）
• users_reference.dart を views配下 -> provider配下(汎用的に利用できるproviderのため)
• views/components/icon/ を作成し、Icon関係のComponent Widgetを格納（整理したかったため）
• 必要なさそうな .gitkeep 削除

相談

Firestore を利用したことがないため、より良い方法があればぜひ知りたいです！

キャプチャ

Before（issue47 からそのまま拝借したので、レイアウト若干異なってます）

content	professional	learning community home

After

content	professional	learning community home

↓ Current login user from firestore(かわいかったのでgif使ってしまいました)

参考

• riverpod gen.
• firebase-1
• firebase-2
• firebase-3