refactor: 운영 locale 유지 로직과 순위 모달 문구 국제화 적용

Author: alexization

src/features/user/components/user-detail-modal.tsx

@@ -14,6 +14,7 @@ import { ActivityGrid } from "./activity-grid"
 import { GithubIcon } from "@/shared/components/icons/github-icon"
 import { getTierTextColor } from "@/shared/constants/tier-styles"
 import { useIsMobile } from "@/shared/hooks/use-media-query"
+import { useI18n } from "@/shared/providers/locale-provider"
 
 interface UserDetailModalProps {
   username: string | null
@@ -22,6 +23,7 @@ interface UserDetailModalProps {
 }
 
 export function UserDetailModal({ username, open, onOpenChange }: UserDetailModalProps) {
+  const { t } = useI18n()
   const { data: user, isLoading, isError } = useUser(username || "", { enabled: !!username && open })
   const isMobile = useIsMobile()
 
@@ -142,7 +144,7 @@ export function UserDetailModal({ username, open, onOpenChange }: UserDetailModa
                     >
                       <Link href={`/users/${user.username}`}>
                         <ExternalLink className="w-4 h-4 mr-2" />
-                        상세 리포트 보기
+                        {t("ranking.modal.view-report")}
                       </Link>
                     </Button>
                     <Button
@@ -152,7 +154,7 @@ export function UserDetailModal({ username, open, onOpenChange }: UserDetailModa
                     >
                       <a href={`https://github.com/${user.username}`} target="_blank" rel="noreferrer">
                         <GithubIcon className="w-4 h-4 mr-2" />
-                        GitHub 방문
+                        {t("ranking.modal.visit-github")}
                       </a>
                     </Button>
                   </div>
@@ -162,4 +164,4 @@ export function UserDetailModal({ username, open, onOpenChange }: UserDetailModa
         </DialogContent>
       </Dialog>
   )
-}
+}

src/middleware.ts

@@ -57,6 +57,19 @@ function resolveRequestLocale(request: NextRequest) {
     return normalizeLocale(localeFromCookie)
   }
 
+  const referer = request.headers.get("referer")
+  if (referer) {
+    try {
+      const refererPathname = new URL(referer).pathname
+      const localeFromRefererPath = getLocaleFromPathname(refererPathname)
+      if (localeFromRefererPath) {
+        return localeFromRefererPath
+      }
+    } catch {
+      // ignore invalid referer
+    }
+  }
+
   const localeFromHeader = request.headers.get("accept-language")
   return normalizeLocale(localeFromHeader)
 }

src/shared/i18n/messages/en.ts

@@ -76,6 +76,8 @@ export const enMessages = {
   "ranking.pagination.last": "Last page",
   "ranking.item.aria": "{username}, {tier} tier, {score} points, rank {rank}",
   "ranking.avatar.alt": "{username} profile image",
+  "ranking.modal.view-report": "View detailed report",
+  "ranking.modal.visit-github": "Visit GitHub",
   "profile.refresh.available-now": "Available now",
   "profile.refresh.available-soon": "Available soon",
   "profile.refresh.available-in": "Available in {minutes}m {seconds}s",

src/shared/i18n/messages/ko.ts

@@ -77,6 +77,8 @@ export const koMessages: Record<MessageKey, string> = {
   "ranking.pagination.last": "마지막 페이지",
   "ranking.item.aria": "{username}, {tier} 티어, {score}점, {rank}위",
   "ranking.avatar.alt": "{username}의 프로필 이미지",
+  "ranking.modal.view-report": "상세 리포트 보기",
+  "ranking.modal.visit-github": "GitHub 방문",
   "profile.refresh.available-now": "지금 갱신 가능",
   "profile.refresh.available-soon": "잠시 후 가능",
   "profile.refresh.available-in": "{minutes}분 {seconds}초 후 가능",