ヘッダーを作成した

[djkazunoko]

Issue

• 68

PRの種類

• [x] feat: 機能追加
• [ ] bugfix: バグ修正
• [ ] docs: ドキュメント更新
• [ ] style: コードの意味に影響しない変更
• [ ] refactor: リファクタリング
• [ ] perf: パフォーマンス向上
• [x] test: テスト関連
• [ ] chore: ビルド、補助ツール、ライブラリ関連、その他

詳細

• 全ページに共通のヘッダーを作成しました
  • ヘッダーにサービス名とユーザアイコンを配置
  • ログイン中のみユーザアイコンを表示(未ログイン時は何も表示しない)
  • ユーザアイコンにgithubのプロフィール画像を表示
  • ユーザアイコンをクリックするとログアウトリンクが表示される
• トップ画面のレイアウト、システムスペックを修正しました
• UserSessionsHelperを作成しました

参考

• Navbar with search input and dropdown - daisyUI
• パーフェクトRuby on Rails - 6.4.3
• Helper specs - RSpec
• ruby - Capybara - Click element by class name - Stack Overflow

動作確認方法

1. feat/#68/add-headerをローカルに取り込む
2. bin/devでサーバを起動し、localhost:3000にアクセス
3. 「サインアップ / ログインをして2次会グループを作成」をクリックしてログイン
4. ヘッダーにユーザアイコン(GitHubのプロフィール画像)が表示されることを確認する
5. ヘッダーのユーザアイコンをクリック > ログアウトリンクをクリック
6. ログアウト後にヘッダーのユーザアイコンが表示されなくなることを確認する

スクリーンショット

変更前

ログイン前

ログイン後

変更後

ログイン前

ログイン後