diff --git a/app/_lib/data/link.ts b/app/_lib/data/link.ts new file mode 100644 index 0000000..912a26c --- /dev/null +++ b/app/_lib/data/link.ts @@ -0,0 +1,53 @@ +"use server"; + +import { getCollection } from "../mongodb"; +import { ReactNode } from "react"; + +export type Link = { + name: string; + link?: string; + description: string; + _id: string; + type: string; + priority: number; + logoLink: string; + isHot?: boolean; + addTime: number; + +} +export async function getLinkList({ page = 1, pageSize = 9999, typeId }: { + page?: number; + pageSize?: number; + typeId?: string; +}) { + const collection = await getCollection('link'); + const startIndex = (page - 1) * pageSize; + // 构建查询条件对象 + const query = { + type: typeId + } as any; + if (!typeId) { + // 如果 typeId 不存在，将其删除 + delete query.type + } + const pipeline = [ + // 根据构建好的查询条件筛选文档 + { $match: query }, + { $sort: { priority: 1 } }, + { $skip: startIndex }, + { $limit: pageSize }, + { + $addFields: { + _id: { $toString: "$_id" } + } + } + ]; + const cursor = collection.aggregate(pipeline); + const list = await cursor.toArray(); + // 获取符合查询条件的文档总数 + const total = await collection.countDocuments(query); + return { + total, + list + } +} \ No newline at end of file diff --git a/app/_lib/data/linkType.ts b/app/_lib/data/linkType.ts new file mode 100644 index 0000000..b44f44b --- /dev/null +++ b/app/_lib/data/linkType.ts @@ -0,0 +1,40 @@ +"use server"; + +import { getCollection } from "../mongodb"; +import { ReactNode } from "react"; +export type LinkType = { + label: string; + icon?: string; + iconElement?: ReactNode; + _id: string; + href?: string; + priority: number; + location?: string; + +} +export async function getLinkTypeList({ page = 1, pageSize = 9999 }: { + page?: number; + pageSize?: number; +}) { + const collection = await getCollection('link-type'); + const startIndex = (page - 1) * pageSize; + const pipeline = [ + { $sort: { priority: 1 } }, + { $skip: startIndex }, + { $limit: pageSize }, + { + $addFields: { + _id: { $toString: "$_id" } + } + } + ]; + const cursor = collection.aggregate(pipeline); + const list = await cursor.toArray(); + + // 计算总数量 + const total = (await collection.find({}).toArray()).length + return { + total, + list + } +} \ No newline at end of file diff --git a/app/_lib/data/sider.tsx b/app/_lib/data/sider.tsx deleted file mode 100644 index e69de29..0000000 diff --git a/app/_lib/data/search.ts b/app/_ui/HotApps.tsx similarity index 100% rename from app/_lib/data/search.ts rename to app/_ui/HotApps.tsx diff --git a/app/_ui/LinkListBox.tsx b/app/_ui/LinkListBox.tsx index 40a4319..6e16b9f 100644 --- a/app/_ui/LinkListBox.tsx +++ b/app/_ui/LinkListBox.tsx @@ -1,14 +1,64 @@ "use client"; import Link from "next/link"; -import { Link as _Link } from "../api/link/route"; -import { LinkType } from "../api/linkType/route"; +import { LinkType } from "../_lib/data/linkType"; +import { Link as _Link } from "../_lib/data/link"; +import { useMemo } from "react"; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import { faClock, faFire, faTimeline, faTimesCircle, faTimesRectangle, faVolumeTimes } from "@fortawesome/free-solid-svg-icons"; -export default function LinkListBox({ linkTypeList, linkList }: { linkTypeList: LinkType[]; linkList: _Link[] }) { +export default function LinkListBox({ linkTypeList, linkList, showHot, showRecent }: { linkTypeList: LinkType[]; linkList: _Link[]; showHot: boolean; showRecent: boolean }) { + const hotList = useMemo(() => linkList.filter((val, index) => val.isHot && index < 12), []) + const recentList = useMemo(() => linkList.map(val => val).sort((a, b) => b.addTime - a.addTime).filter((_, idx) => idx < 12), []) return
+ { + showHot &&
+
+ + 热门网站 +
+
+ { + hotList.map(val => ( + + +
+ {val.name} + {val.description} +
+ + )) + } +
+
+ } + { + showRecent &&
+
+ + 最新收录 + +
+
+ { + recentList.map(val => ( + + +
+ {val.name} + {val.description} +
+ + )) + } +
+
+ } { linkTypeList.map(item => (
-
+
{item.label} diff --git a/app/_ui/Search.tsx b/app/_ui/Search.tsx index 323c0e0..bb0e812 100644 --- a/app/_ui/Search.tsx +++ b/app/_ui/Search.tsx @@ -82,12 +82,12 @@ export default function Search() { } }, [activeSearchKey]) return ( -
+
-
+
{ SearchTypeList.map(item => ( @@ -116,7 +116,7 @@ export default function Search() { )) }
- +
diff --git a/app/_ui/SiderNav.tsx b/app/_ui/SiderNav.tsx index 533cc23..ed49543 100644 --- a/app/_ui/SiderNav.tsx +++ b/app/_ui/SiderNav.tsx @@ -4,9 +4,9 @@ import { LinkTypeItem } from "../_lib/types"; import Logo from "./Logo"; import clsx from "clsx"; import { usePathname } from "next/navigation"; -import { LinkType } from "../api/linkType/route"; import { useAtom } from "jotai"; import { linkTypeAtom } from "../_lib/atom"; +import { LinkType } from "../_lib/data/linkType"; export default function SiderNav({ linkList }: { linkList: LinkType[] }) { const pathname = usePathname() @@ -14,7 +14,7 @@ export default function SiderNav({ linkList }: { linkList: LinkType[] }) { const [selectType, setSelectType] = useAtom(linkTypeAtom) return (
-
+
); diff --git a/package.json b/package.json index f046e7b..9ce3de6 100644 --- a/package.json +++ b/package.json @@ -18,6 +18,7 @@ "antd": "^5.23.2", "bcrypt": "^5.1.1", "clsx": "^2.1.1", + "dayjs": "^1.11.13", "icons": "link:@awesome.me/kit-KIT_CODE/icons", "jose": "^5.9.6", "jotai": "^2.11.1", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index edfc72f..a6434e2 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -35,6 +35,9 @@ importers: clsx: specifier: ^2.1.1 version: 2.1.1 + dayjs: + specifier: ^1.11.13 + version: 1.11.13 icons: specifier: link:@awesome.me/kit-KIT_CODE/icons version: link:@awesome.me/kit-KIT_CODE/icons