Hacktoberfest 2026：メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

[Bug][Frontend] Mobile BottomNav links to non-existent /profile route (404) and hardcodes English labels

クローズ 初心者向け
  • 何か問題がありますか？
#2,007 コメント 10 件 リアクション 0 件 担当者 1 名 GitHub で見る

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

@sksneh がすでに取り組んでいます。

2026年10月22日 から。

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
84/100
issue の種類
バグ
明瞭さ
明確に書かれている
活発さ
活発
技術スタック
next.js, typescript
領域
frontend, internationalization

調査の方向性

frontend/src/app/components/global_ui/BottomNav.tsxから始め、特に5番目のナビゲーション項目とハードコードされたラベルを確認してください。設定ルートとuseTranslations("Navigation")がフロントエンドの他の箇所でどのように使われているかを調べ、その後、モバイルタブで設定が開き、ラベルが選択したロケールに従うことを確認してください。

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

説明

bug frontend good first issue Stellar Wave ui
Issue #127

Mobile BottomNav Links to Non-Existent /profile Route (404) and Hardcodes English Labels

  • Title: [Bug][Frontend] Mobile BottomNav links to non-existent /profile route (404) and hardcodes English labels
  • Labels: bug, frontend, ui, good first issue
  • Location: frontend/src/app/components/global_ui/BottomNav.tsx:14-20, 56
  • Description:
    In BottomNav.tsx, the fifth navigation item is { name: "Profile", href: "/profile", icon: User } (line 19), which links to /${locale}/profile. However, there is no profile/ route under frontend/src/app/[locale]/ (user profile and preferences live at /${locale}/settings). Tapping "Profile" on mobile devices navigates to a 404 page. Additionally, BottomNav hardcodes English item names instead of using useTranslations("Navigation").
  • Impact:
    Mobile users tapping the "Profile" tab in the bottom navigation bar hit a 404 page, and the bottom nav labels remain in English on es and tl locales.
  • Suggested Fix:
    Update the fifth navItems entry in BottomNav.tsx to route to /settings and localize the labels with useTranslations("Navigation").
主要言語
TypeScript
スター
22
フォーク
313
平均マージ
4日 5時間
マージ済み PR（30日）
79

環境構築

はじめの一歩

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

LabsCrypt/remitlend のほかの issue

LabsCrypt/remitlend の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

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

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