76 lines
2.6 KiB
TypeScript
76 lines
2.6 KiB
TypeScript
import { PageLayout } from "@/components/ui/PageLayout";
|
|
import { SearchForm } from "./SearchForm";
|
|
import { SearchResult } from "./SearchResult";
|
|
import { getTranslations } from "next-intl/server";
|
|
import { actionLookUpDictionary } from "@/modules/dictionary/dictionary-action";
|
|
import { TSharedItem } from "@/shared/dictionary-type";
|
|
|
|
interface DictionaryPageProps {
|
|
searchParams: Promise<{ q?: string; ql?: string; dl?: string; }>;
|
|
}
|
|
|
|
export default async function DictionaryPage({ searchParams }: DictionaryPageProps) {
|
|
const t = await getTranslations("dictionary");
|
|
|
|
// 从 searchParams 获取搜索参数
|
|
const { q: searchQuery, ql: queryLang = "english", dl: definitionLang = "chinese" } = await searchParams;
|
|
|
|
// 如果有搜索查询，获取搜索结果
|
|
let searchResult: TSharedItem | undefined | null = null;
|
|
if (searchQuery) {
|
|
const getNativeName = (code: string): string => {
|
|
const popularLanguages: Record<string, string> = {
|
|
english: "English",
|
|
chinese: "中文",
|
|
japanese: "日本語",
|
|
korean: "한국어",
|
|
italian: "Italiano",
|
|
uyghur: "ئۇيغۇرچە",
|
|
};
|
|
return popularLanguages[code] || code;
|
|
};
|
|
|
|
const result = await actionLookUpDictionary({
|
|
text: searchQuery,
|
|
queryLang: getNativeName(queryLang),
|
|
definitionLang: getNativeName(definitionLang),
|
|
forceRelook: false
|
|
});
|
|
|
|
if (result.success && result.data) {
|
|
searchResult = result.data;
|
|
}
|
|
}
|
|
|
|
return (
|
|
<PageLayout>
|
|
{/* 搜索区域 */}
|
|
<div className="mb-8">
|
|
<SearchForm
|
|
defaultQueryLang={queryLang}
|
|
defaultDefinitionLang={definitionLang}
|
|
/>
|
|
</div>
|
|
|
|
{/* 搜索结果区域 */}
|
|
<div>
|
|
{searchQuery && (
|
|
<SearchResult
|
|
searchResult={searchResult}
|
|
searchQuery={searchQuery}
|
|
queryLang={queryLang}
|
|
definitionLang={definitionLang}
|
|
/>
|
|
)}
|
|
{!searchQuery && (
|
|
<div className="text-center py-12">
|
|
<div className="text-6xl mb-4">📚</div>
|
|
<p className="text-gray-800 text-xl mb-2">{t("welcomeTitle")}</p>
|
|
<p className="text-gray-600">{t("welcomeHint")}</p>
|
|
</div>
|
|
)}
|
|
</div>
|
|
</PageLayout>
|
|
);
|
|
}
|