bug: show the signed-in user display name in the navbar

オープン
#102 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

まだ誰も着手していません。

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
35/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
活発
技術スタック
nextjs, react, typescript

調査の方向性

Start by finding the shared navbar component and the code that reads the signed-in session, then trace why the user menu shows "My account" instead of the display name. The issue says the cause is not yet investigated and that the work is backlog, so confirm scope with maintainers before coding. Done means the acceptance criteria hold: signed-in name shown, "Guest learner" restored on sign-out, a safe fallback, and no email or token exposed.

索引モデルが issue の本文から書いたものです。

説明

area:frontend bug

What happened?

After signing in, the shared navbar labels the user menu "My account" instead of showing the signed-in student's display name. This makes the current account harder to identify.

Reported by the owner on production with a screenshot of the signed-in menu. The root cause has not been investigated.

Steps to reproduce

  1. Open https://procoderji.com/ and sign in with Google.
  2. Look at the user menu on the right of the navbar.
  3. Observe that its label is "My account" rather than the signed-in user's display name.

Expected behavior

Show the authenticated user's display name in the shared navbar. Keep "Guest learner" for signed-out visitors and use a clear fallback when a display name is unavailable.

Acceptance criteria

  • Signed-in visitors see their display name consistently across pages using the shared header.
  • Signing out restores "Guest learner"; switching accounts updates the displayed name.
  • Loading or missing-name states use a sensible fallback without showing a previous account's name.
  • Long names fit on desktop and mobile without horizontal overflow or obscuring navigation controls.
  • The existing user-menu actions, keyboard access and brand styling remain usable.
  • Use the existing authenticated session data; do not expose email addresses or tokens as the menu label.

Planning

Backlog item. Investigation and implementation will be scheduled later; no implementation or pull request is requested now.

主要言語
TypeScript
スター
1
フォーク
1
平均マージ
8時間 58分
マージ済み PR(30日)
37

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

procoderji-com/procoderji のほかの issue

procoderji-com/procoderji の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。