012a661a19
- search.ts: 범용 검색 유틸리티 추출 (텍스트/날짜/상태 필터링) - status-config.ts: 상태 설정 공통 유틸 추가 - 회계 모듈 types 간소화 및 컬럼 설정 공통 패턴 적용 - 회계 page.tsx 통일 (bad-debt/bills/deposits/sales 등 9개) - 결재함(승인/기안/참조) 공통 패턴 적용 - 건설 모듈 견적/인수인계/이슈/기성 등 코드 정리 - IntegratedListTemplateV2 개선 - LanguageSelect/ThemeSelect 정리 - 체크리스트 문서 업데이트 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
90 lines
3.0 KiB
TypeScript
90 lines
3.0 KiB
TypeScript
"use client";
|
|
|
|
import { usePathname } from "next/navigation";
|
|
import { useLocale } from "next-intl";
|
|
import {
|
|
Select,
|
|
SelectContent,
|
|
SelectItem,
|
|
SelectTrigger,
|
|
SelectValue,
|
|
} from "@/components/ui/select";
|
|
import { Globe } from "lucide-react";
|
|
|
|
const languages = [
|
|
{ code: "ko", label: "한국어", flag: "🇰🇷" },
|
|
{ code: "en", label: "English", flag: "🇺🇸" },
|
|
{ code: "ja", label: "日本語", flag: "🇯🇵" },
|
|
];
|
|
|
|
interface LanguageSelectProps {
|
|
native?: boolean;
|
|
}
|
|
|
|
export function LanguageSelect({ native = true }: LanguageSelectProps) {
|
|
const pathname = usePathname();
|
|
const locale = useLocale();
|
|
|
|
const handleLanguageChange = (newLocale: string) => {
|
|
// Remove current locale from pathname
|
|
const pathnameWithoutLocale = pathname.replace(`/${locale}`, "");
|
|
// Force full page reload to ensure clean state and proper i18n loading
|
|
window.location.href = `/${newLocale}${pathnameWithoutLocale}`;
|
|
};
|
|
|
|
const currentLanguage = languages.find((lang) => lang.code === locale);
|
|
|
|
// 네이티브 select
|
|
if (native) {
|
|
return (
|
|
<div className="relative min-w-[140px] w-auto">
|
|
<div className="absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none z-10">
|
|
<Globe className="w-4 h-4" />
|
|
</div>
|
|
<select
|
|
value={locale}
|
|
onChange={(e) => handleLanguageChange(e.target.value)}
|
|
className="w-full h-9 pl-9 pr-3 rounded-xl border border-border/50 bg-background/50 backdrop-blur text-sm appearance-none cursor-pointer focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-0 transition-all"
|
|
>
|
|
{languages.map((lang) => (
|
|
<option key={lang.code} value={lang.code}>
|
|
{lang.flag} {lang.label}
|
|
</option>
|
|
))}
|
|
</select>
|
|
<div className="absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none">
|
|
<svg className="w-4 h-4 opacity-50" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 9l-7 7-7-7" />
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
// Radix UI 모달 select
|
|
return (
|
|
<Select value={locale} onValueChange={handleLanguageChange}>
|
|
<SelectTrigger className="min-w-[140px] w-auto rounded-xl border-border/50 bg-background/50 backdrop-blur">
|
|
<div className="flex items-center gap-2">
|
|
<Globe className="w-4 h-4" />
|
|
<SelectValue>
|
|
<span className="flex items-center gap-2">
|
|
<span>{currentLanguage?.flag}</span>
|
|
<span className="text-sm">{currentLanguage?.label}</span>
|
|
</span>
|
|
</SelectValue>
|
|
</div>
|
|
</SelectTrigger>
|
|
<SelectContent>
|
|
{languages.map((lang) => (
|
|
<SelectItem key={lang.code} value={lang.code}>
|
|
<div className="flex items-center gap-2">
|
|
<span>{lang.flag}</span>
|
|
<span>{lang.label}</span>
|
|
</div>
|
|
</SelectItem>
|
|
))}
|
|
</SelectContent>
|
|
</Select>
|
|
);
|
|
} |