サインイン機能実装

[keita7777]

close #54

やったこと・変更内容（ビューの変更がある場合はスクショによる比較などがあるとわかりやすい ）

• 「utils\firebase\auth.ts」でsignInWithEmail関数を作成
• 「components\AuthForm\index.tsx」で、propsで渡されたisSignUpがfalseの場合にsignInWithEmailを実行するようにした

テストユーザー

test1@test.com　123456 test2@test.com　123456 test3@test.com　123456 test4@test.com　123456 test5@test.com　123456

正常にサインインしているかの確認

• 確認のため「components\Header\index.tsx」で認証情報を受け取っている

• ログインユーザーのメールアドレスを表示

• ログインしていない場合は「Create」ボタンを非表示

• ログイン状態に応じて「Sign In」ボタンと「Log Out」ボタンを切り替え

• テスト用にログアウト処理も簡易的に実装している。#55 をマージする際には削除する想定

認証情報が間違っている際にエラーを表示させるようにした

レビュー観点（レビューをする際に見てほしい点など）

• firebase authenticationを初めて実装したので基本的な使い方が間違っていないか確認お願いします（特にログイン後のユーザー情報の取得）

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
teamsdev-16-1	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 22, 2024 5:27pm