├── dist
    └── a.txt
├── .eslintrc.json
├── public
    ├── ai.webp
    ├── next.ico
    ├── wechat-yasuo.png
    ├── kofi_button_red.png
    ├── vercel.svg
    ├── next.svg
    ├── redbook.svg
    └── ai.svg
├── src
    ├── app
    │   ├── favicon.ico
    │   ├── table
    │   │   └── page.tsx
    │   ├── layout.tsx
    │   ├── globals.css
    │   ├── page.tsx
    │   └── antd
    │   │   └── page.tsx
    ├── types
    │   └── lc.ts
    ├── lib
    │   └── utils.ts
    ├── components
    │   ├── time-line.tsx
    │   ├── ui
    │   │   ├── separator.tsx
    │   │   ├── input.tsx
    │   │   ├── badge.tsx
    │   │   ├── popover.tsx
    │   │   ├── button.tsx
    │   │   ├── table.tsx
    │   │   ├── dialog.tsx
    │   │   ├── command.tsx
    │   │   ├── select.tsx
    │   │   └── dropdown-menu.tsx
    │   ├── Modal.tsx
    │   ├── lc
    │   │   ├── data.tsx
    │   │   ├── data-table-view-options.tsx
    │   │   ├── data-table-toolbar.tsx
    │   │   ├── data-table-column-header.tsx
    │   │   ├── colums.tsx
    │   │   ├── data-table-pagination.tsx
    │   │   ├── data-table.tsx
    │   │   └── data-table-facet-filter.tsx
    │   ├── SquigglyLines.tsx
    │   ├── page
    │   │   └── ref.tsx
    │   ├── footer.tsx
    │   └── icons.tsx
    └── hooks
    │   └── useLocalStorage.ts
├── next.config.mjs
├── postcss.config.js
├── components.json
├── .gitignore
├── tsconfig.json
├── README.md
├── package.json
└── tailwind.config.ts


/dist/a.txt:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/.eslintrc.json:
--------------------------------------------------------------------------------
1 | {
2 |   "extends": "next/core-web-vitals"
3 | }
4 | 


--------------------------------------------------------------------------------
/public/ai.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tonyljx/running-leetcode/HEAD/public/ai.webp


--------------------------------------------------------------------------------
/public/next.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tonyljx/running-leetcode/HEAD/public/next.ico


--------------------------------------------------------------------------------
/src/app/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tonyljx/running-leetcode/HEAD/src/app/favicon.ico


--------------------------------------------------------------------------------
/public/wechat-yasuo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tonyljx/running-leetcode/HEAD/public/wechat-yasuo.png


--------------------------------------------------------------------------------
/public/kofi_button_red.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/tonyljx/running-leetcode/HEAD/public/kofi_button_red.png


--------------------------------------------------------------------------------
/next.config.mjs:
--------------------------------------------------------------------------------
1 | /** @type {import('next').NextConfig} */
2 | const nextConfig = {};
3 | 
4 | export default nextConfig;
5 | 


--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   plugins: {
3 |     tailwindcss: {},
4 |     autoprefixer: {},
5 |   },
6 | };
7 | 


--------------------------------------------------------------------------------
/src/types/lc.ts:
--------------------------------------------------------------------------------
 1 | export type Grade = "easy" | "medium" | "hard";
 2 | export interface DataType {
 3 |   idx: number;
 4 |   name: string; // 题目
 5 |   url: string; //url
 6 |   grade: Grade; // easy medium hard
 7 |   tags: string[]; // 属于剑指 offer, hot100,牛客 hot100
 8 |   algoCategory: string; // 算法题类型
 9 |   ext: string; //补充思路
10 |   [key: string]: any; // 添加索引签名
11 | }
12 | 


--------------------------------------------------------------------------------
/components.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "https://ui.shadcn.com/schema.json",
 3 |   "style": "default",
 4 |   "rsc": true,
 5 |   "tsx": true,
 6 |   "tailwind": {
 7 |     "config": "tailwind.config.ts",
 8 |     "css": "src/app/globals.css",
 9 |     "baseColor": "slate",
10 |     "cssVariables": true,
11 |     "prefix": ""
12 |   },
13 |   "aliases": {
14 |     "components": "@/components",
15 |     "utils": "@/lib/utils"
16 |   }
17 | }


--------------------------------------------------------------------------------
/src/lib/utils.ts:
--------------------------------------------------------------------------------
 1 | import { type ClassValue, clsx } from "clsx";
 2 | import { twMerge } from "tailwind-merge";
 3 | import { Grade } from "@/types/lc";
 4 | export function cn(...inputs: ClassValue[]) {
 5 |   return twMerge(clsx(inputs));
 6 | }
 7 | 
 8 | /**
 9 |  * 辅助函数-获取难度对应的映射
10 |  * @param grade
11 |  * @returns
12 |  */
13 | export function getGradeValue(grade: Grade): number {
14 |   const gradeMap: { [K in Grade]: number } = {
15 |     easy: 1,
16 |     medium: 2,
17 |     hard: 3,
18 |   };
19 |   return gradeMap[grade];
20 | }
21 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | /.pnp
 6 | .pnp.js
 7 | .yarn/install-state.gz
 8 | 
 9 | # testing
10 | /coverage
11 | 
12 | # next.js
13 | /.next/
14 | /out/
15 | 
16 | # production
17 | /build
18 | 
19 | # misc
20 | .DS_Store
21 | *.pem
22 | 
23 | # debug
24 | npm-debug.log*
25 | yarn-debug.log*
26 | yarn-error.log*
27 | 
28 | # local env files
29 | .env*.local
30 | 
31 | # vercel
32 | .vercel
33 | 
34 | # typescript
35 | *.tsbuildinfo
36 | next-env.d.ts
37 | 


--------------------------------------------------------------------------------
/public/vercel.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 283 64"><path fill="black" d="M141 16c-11 0-19 7-19 18s9 18 20 18c7 0 13-3 16-7l-7-5c-2 3-6 4-9 4-5 0-9-3-10-7h28v-3c0-11-8-18-19-18zm-9 15c1-4 4-7 9-7s8 3 9 7h-18zm117-15c-11 0-19 7-19 18s9 18 20 18c6 0 12-3 16-7l-8-5c-2 3-5 4-8 4-5 0-9-3-11-7h28l1-3c0-11-8-18-19-18zm-10 15c2-4 5-7 10-7s8 3 9 7h-19zm-39 3c0 6 4 10 10 10 4 0 7-2 9-5l8 5c-3 5-9 8-17 8-11 0-19-7-19-18s8-18 19-18c8 0 14 3 17 8l-8 5c-2-3-5-5-9-5-6 0-10 4-10 10zm83-29v46h-9V5h9zM37 0l37 64H0L37 0zm92 5-27 48L74 5h10l18 30 17-30h10zm59 12v10l-3-1c-6 0-10 4-10 10v15h-9V17h9v9c0-5 6-9 13-9z"/></svg>


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "lib": ["dom", "dom.iterable", "esnext"],
 4 |     "allowJs": true,
 5 |     "skipLibCheck": true,
 6 |     "strict": true,
 7 |     "noEmit": true,
 8 |     "esModuleInterop": true,
 9 |     "module": "esnext",
10 |     "moduleResolution": "bundler",
11 |     "resolveJsonModule": true,
12 |     "isolatedModules": true,
13 |     "jsx": "preserve",
14 |     "incremental": true,
15 |     "plugins": [
16 |       {
17 |         "name": "next"
18 |       }
19 |     ],
20 |     "paths": {
21 |       "@/*": ["./src/*"]
22 |     }
23 |   },
24 |   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
25 |   "exclude": ["node_modules"]
26 | }
27 | 


--------------------------------------------------------------------------------
/src/app/table/page.tsx:
--------------------------------------------------------------------------------
 1 | import { DataType, Grade } from "@/types/lc";
 2 | import { columns } from "@/components/lc/colums";
 3 | import { DataTable } from "@/components/lc/data-table";
 4 | import data from "../../../public/data.json"; // 根据实际路径调整
 5 | async function getData(): Promise<DataType[]> {
 6 |   // Fetch data from your API here.
 7 |   // 直接将导入的JSON赋值给一个变量，类型为DataType[]
 8 |   const dataList: DataType[] = data.map((item) => ({
 9 |     ...item,
10 |     grade: item.grade as Grade,
11 |   }));
12 |   return dataList;
13 | }
14 | 
15 | export default async function DemoPage() {
16 |   const data = await getData();
17 | 
18 |   return (
19 |     <div className="container mx-auto py-10">
20 |       <DataTable columns={columns} data={data} />
21 |     </div>
22 |   );
23 | }
24 | 


--------------------------------------------------------------------------------
/src/components/time-line.tsx:
--------------------------------------------------------------------------------
 1 | import { ClockCircleOutlined } from "@ant-design/icons";
 2 | import { Timeline } from "antd";
 3 | import React from "react";
 4 | 
 5 | type Props = {};
 6 | 
 7 | export default function MyTimeLine({}: Props) {
 8 |   const items = [
 9 |     {
10 |       children: (
11 |         <div>
12 |           <span>2024-02-04</span> <p>初始版本 收录牛客101</p>{" "}
13 |         </div>
14 |       ),
15 |     },
16 |     {
17 |       children: (
18 |         <div>
19 |           <span>2024-02-06</span> <p>新增🔥 LeetCode 热题 HOT 100</p>
20 |         </div>
21 |       ),
22 |       color: "green",
23 |     },
24 |     {
25 |       dot: <ClockCircleOutlined style={{ fontSize: "16px" }} />,
26 |       children: (
27 |         <>
28 |           <p>本地存储做题记录</p>
29 |           <p>收录完整的牛客101</p>
30 |         </>
31 |       ),
32 |     },
33 |   ];
34 |   return <Timeline items={items} mode="alternate" />;
35 | }
36 | 


--------------------------------------------------------------------------------
/src/components/ui/separator.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import * as React from "react"
 4 | import * as SeparatorPrimitive from "@radix-ui/react-separator"
 5 | 
 6 | import { cn } from "@/lib/utils"
 7 | 
 8 | const Separator = React.forwardRef<
 9 |   React.ElementRef<typeof SeparatorPrimitive.Root>,
10 |   React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
11 | >(
12 |   (
13 |     { className, orientation = "horizontal", decorative = true, ...props },
14 |     ref
15 |   ) => (
16 |     <SeparatorPrimitive.Root
17 |       ref={ref}
18 |       decorative={decorative}
19 |       orientation={orientation}
20 |       className={cn(
21 |         "shrink-0 bg-border",
22 |         orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
23 |         className
24 |       )}
25 |       {...props}
26 |     />
27 |   )
28 | )
29 | Separator.displayName = SeparatorPrimitive.Root.displayName
30 | 
31 | export { Separator }
32 | 


--------------------------------------------------------------------------------
/src/components/ui/input.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from "react"
 2 | 
 3 | import { cn } from "@/lib/utils"
 4 | 
 5 | export interface InputProps
 6 |   extends React.InputHTMLAttributes<HTMLInputElement> {}
 7 | 
 8 | const Input = React.forwardRef<HTMLInputElement, InputProps>(
 9 |   ({ className, type, ...props }, ref) => {
10 |     return (
11 |       <input
12 |         type={type}
13 |         className={cn(
14 |           "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
15 |           className
16 |         )}
17 |         ref={ref}
18 |         {...props}
19 |       />
20 |     )
21 |   }
22 | )
23 | Input.displayName = "Input"
24 | 
25 | export { Input }
26 | 


--------------------------------------------------------------------------------
/src/components/Modal.tsx:
--------------------------------------------------------------------------------
 1 | import React, { useState } from "react";
 2 | import { Button, Modal } from "antd";
 3 | 
 4 | type TModel = {
 5 |   buttonText: string;
 6 |   children?: React.ReactNode;
 7 | };
 8 | 
 9 | const CustomModal: React.FC<TModel> = ({ children, buttonText }: TModel) => {
10 |   const [isModalOpen, setIsModalOpen] = useState(false);
11 | 
12 |   const showModal = () => {
13 |     setIsModalOpen(true);
14 |   };
15 | 
16 |   const handleOk = () => {
17 |     setIsModalOpen(false);
18 |   };
19 | 
20 |   const handleCancel = () => {
21 |     setIsModalOpen(false);
22 |   };
23 | 
24 |   return (
25 |     <>
26 |       <Button type="primary" onClick={showModal}>
27 |         {buttonText}
28 |       </Button>
29 |       <Modal
30 |         title="ChangeLog"
31 |         open={isModalOpen}
32 |         onOk={handleOk}
33 |         onCancel={handleCancel}
34 |         footer={null}
35 |       >
36 |         {children}
37 |       </Modal>
38 |     </>
39 |   );
40 | };
41 | 
42 | export default CustomModal;
43 | 


--------------------------------------------------------------------------------
/src/components/lc/data.tsx:
--------------------------------------------------------------------------------
 1 | export const algoCategories = [
 2 |   { label: "链表", value: "链表" },
 3 |   { label: "二叉树", value: "二叉树" },
 4 |   { label: "数组	", value: "数组" },
 5 |   { label: "字符串", value: "字符串" },
 6 |   { label: "回溯", value: "回溯" },
 7 |   { label: "栈", value: "栈" },
 8 |   { label: "队列", value: "队列" },
 9 |   { label: "二分查找", value: "二分查找" },
10 |   { label: "哈希", value: "哈希" },
11 |   { label: "动态规划", value: "动态规划" },
12 |   { label: "贪心", value: "贪心" },
13 |   { label: "滑动窗口", value: "滑动窗口" },
14 |   { label: "堆", value: "堆" },
15 |   { label: "图", value: "图" },
16 |   { label: "位运算", value: "位运算" },
17 |   { label: "双指针", value: "双指针" },
18 | ];
19 | 
20 | export const grade = [
21 |   { label: "easy", value: "easy" },
22 |   { label: "medium", value: "medium" },
23 |   { label: "hard", value: "hard" },
24 | ];
25 | 
26 | export const source = [
27 |   { label: "🐂 nowcoder101", value: "nowcoder101" },
28 |   { label: "🔥 LeetCode Hot 100", value: "🔥 LeetCode Hot 100" },
29 |   { label: "🪡 剑指offer", value: "剑指offer" },
30 | ];
31 | 


--------------------------------------------------------------------------------
/src/components/SquigglyLines.tsx:
--------------------------------------------------------------------------------
 1 | export default function SquigglyLines() {
 2 |   return (
 3 |     <svg
 4 |       aria-hidden="true"
 5 |       viewBox="0 0 418 42"
 6 |       className="absolute left-0 top-2/3 h-[0.58em] w-full fill-blue-300/70"
 7 |       preserveAspectRatio="none"
 8 |     >
 9 |       <path d="M203.371.916c-26.013-2.078-76.686 1.963-124.73 9.946L67.3 12.749C35.421 18.062 18.2 21.766 6.004 25.934 1.244 27.561.828 27.778.874 28.61c.07 1.214.828 1.121 9.595-1.176 9.072-2.377 17.15-3.92 39.246-7.496C123.565 7.986 157.869 4.492 195.942 5.046c7.461.108 19.25 1.696 19.17 2.582-.107 1.183-7.874 4.31-25.75 10.366-21.992 7.45-35.43 12.534-36.701 13.884-2.173 2.308-.202 4.407 4.442 4.734 2.654.187 3.263.157 15.593-.78 35.401-2.686 57.944-3.488 88.365-3.143 46.327.526 75.721 2.23 130.788 7.584 19.787 1.924 20.814 1.98 24.557 1.332l.066-.011c1.201-.203 1.53-1.825.399-2.335-2.911-1.31-4.893-1.604-22.048-3.261-57.509-5.556-87.871-7.36-132.059-7.842-23.239-.254-33.617-.116-50.627.674-11.629.54-42.371 2.494-46.696 2.967-2.359.259 8.133-3.625 26.504-9.81 23.239-7.825 27.934-10.149 28.304-14.005.417-4.348-3.529-6-16.878-7.066Z" />
10 |     </svg>
11 |   );
12 | }
13 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # RunningCode
 2 | 
 3 | ![image-20240208120136513](https://image.chatrepo.top/image-20240208120136513.png)
 4 | 
 5 | 做了个算法小工具网站，收录了面试最高频的算法题~ 可以按【题目类型】，【题目出处】，以及【难易程度】去索引，帮助一刷，二刷的同学快速准备算法题~
 6 | 
 7 | 数据都是基于公开数据人工整理 + GPT 进行打标签。希望可以点个 star⭐，给我一点坚持下去的动力，感激不尽！
 8 | 
 9 | 网址是：[ https://code.gpthanghai.com/ ](https://code.gpthanghai.com/) ，下面这个是网站截图，页面也很清爽，欢迎体验给出意见哈～
10 | 
11 | ## 背景
12 | 
13 | 其实源自于逼着有一天想重新分类刷题的时候，发现以下痛点
14 | 
15 | - 剑指 offer 在 leetcode 已经没有专门的收录页了，看了下目前版权应该在牛客那里，目前 lc 的题目比较分散，没有做题入口
16 | - leetcode hot100 的页面也没有按**_算法题的类型_**去分类做标签，其实对于 **想分门别类** 单点突破的同学来说不太友好
17 | 
18 | ## 网站特点
19 | 
20 | - 📚 只收录重要的题目：收录了完整的牛客 101 和 leetcode hot100，以及剑指 offer：这些题目对于面试来说都是非常高频的题目，优先级应该是最高的
21 | - 🤖 分门别类：结合笔者秋招经历，分门别类刷题是一种前期快速找到感觉和培养解题框架的做法，所以一方面也是为了服务我自己，另一方面也想让大家更方便的去根据自己薄弱点去刷题
22 | - 📦 聚合多个来源：目前收录了牛客 101 和 leetcode hot 100 以及 leetcode 上的剑指 offer 题目（因为牛客上的剑指 offer 题需要付费买了书才能刷，所以没有贴）
23 | 
24 | ## 后续迭代计划
25 | 
26 | - [ ] 登录功能+错题本功能：根据用户的历史操作记录，可以标记用户的错题本，针对错题本进行复习（现在是直接编译成 html 的，后面这个功能要上数据库，可能会收费，看大家的投票）
27 | 
28 | # 联系我
29 | 
30 | 有任何问题或建议，请联系 15889666941@163.com
31 | 
32 | 建议关注官方公众号 PigCode，我会记录相关题解，如果感兴趣的话也可以分享建站过程～
33 | 
34 | <img src="https://image.chatrepo.top/wechat-yasuo.png" alt="wechat-yasuo" style="zoom:50%;" />
35 | 


--------------------------------------------------------------------------------
/src/components/ui/badge.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from "react"
 2 | import { cva, type VariantProps } from "class-variance-authority"
 3 | 
 4 | import { cn } from "@/lib/utils"
 5 | 
 6 | const badgeVariants = cva(
 7 |   "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
 8 |   {
 9 |     variants: {
10 |       variant: {
11 |         default:
12 |           "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
13 |         secondary:
14 |           "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
15 |         destructive:
16 |           "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
17 |         outline: "text-foreground",
18 |       },
19 |     },
20 |     defaultVariants: {
21 |       variant: "default",
22 |     },
23 |   }
24 | )
25 | 
26 | export interface BadgeProps
27 |   extends React.HTMLAttributes<HTMLDivElement>,
28 |     VariantProps<typeof badgeVariants> {}
29 | 
30 | function Badge({ className, variant, ...props }: BadgeProps) {
31 |   return (
32 |     <div className={cn(badgeVariants({ variant }), className)} {...props} />
33 |   )
34 | }
35 | 
36 | export { Badge, badgeVariants }
37 | 


--------------------------------------------------------------------------------
/public/next.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "leetcode-dashboard",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "dev": "next dev",
 7 |     "build": "next build",
 8 |     "start": "next start",
 9 |     "lint": "next lint",
10 |     "pages:build": "npx @cloudflare/next-on-pages"
11 |   },
12 |   "dependencies": {
13 |     "@ant-design/icons": "^5.3.0",
14 |     "@ant-design/nextjs-registry": "^1.0.0",
15 |     "@radix-ui/react-dialog": "^1.0.5",
16 |     "@radix-ui/react-dropdown-menu": "^2.0.6",
17 |     "@radix-ui/react-popover": "^1.0.7",
18 |     "@radix-ui/react-select": "^2.0.0",
19 |     "@radix-ui/react-separator": "^1.0.3",
20 |     "@radix-ui/react-slot": "^1.0.2",
21 |     "@tanstack/react-table": "^8.11.8",
22 |     "antd": "^5.13.3",
23 |     "class-variance-authority": "^0.7.0",
24 |     "clsx": "^2.1.0",
25 |     "cmdk": "^0.2.1",
26 |     "lucide-react": "^0.321.0",
27 |     "next": "14.1.0",
28 |     "react": "^18",
29 |     "react-dom": "^18",
30 |     "tailwind-merge": "^2.2.1",
31 |     "tailwindcss-animate": "^1.0.7"
32 |   },
33 |   "devDependencies": {
34 |     "@types/node": "^20",
35 |     "@types/react": "^18",
36 |     "@types/react-dom": "^18",
37 |     "autoprefixer": "^10.0.1",
38 |     "eslint": "^8",
39 |     "eslint-config-next": "14.1.0",
40 |     "postcss": "^8",
41 |     "tailwindcss": "^3.3.0",
42 |     "typescript": "^5"
43 |   }
44 | }
45 | 


--------------------------------------------------------------------------------
/src/components/ui/popover.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import * as React from "react"
 4 | import * as PopoverPrimitive from "@radix-ui/react-popover"
 5 | 
 6 | import { cn } from "@/lib/utils"
 7 | 
 8 | const Popover = PopoverPrimitive.Root
 9 | 
10 | const PopoverTrigger = PopoverPrimitive.Trigger
11 | 
12 | const PopoverContent = React.forwardRef<
13 |   React.ElementRef<typeof PopoverPrimitive.Content>,
14 |   React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>
15 | >(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
16 |   <PopoverPrimitive.Portal>
17 |     <PopoverPrimitive.Content
18 |       ref={ref}
19 |       align={align}
20 |       sideOffset={sideOffset}
21 |       className={cn(
22 |         "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
23 |         className
24 |       )}
25 |       {...props}
26 |     />
27 |   </PopoverPrimitive.Portal>
28 | ))
29 | PopoverContent.displayName = PopoverPrimitive.Content.displayName
30 | 
31 | export { Popover, PopoverTrigger, PopoverContent }
32 | 


--------------------------------------------------------------------------------
/src/app/layout.tsx:
--------------------------------------------------------------------------------
 1 | import type { Metadata } from "next";
 2 | import { AntdRegistry } from "@ant-design/nextjs-registry";
 3 | // import { Inter } from "next/font/google";
 4 | import "./globals.css";
 5 | import { ConfigProvider } from "antd";
 6 | 
 7 | // const inter = Inter({ subsets: ["latin"] });
 8 | import { Inter as FontSans } from "next/font/google";
 9 | import { cn } from "@/lib/utils";
10 | import Script from "next/script";
11 | const fontSans = FontSans({
12 |   subsets: ["latin"],
13 |   variable: "--font-sans",
14 | });
15 | export const metadata: Metadata = {
16 |   title: "RunningCode",
17 |   description: "按类型收录牛客101 | leetcode hot 100 | 剑指 offer全部题目",
18 | };
19 | 
20 | export default function RootLayout({
21 |   children,
22 | }: Readonly<{
23 |   children: React.ReactNode;
24 | }>) {
25 |   return (
26 |     <html lang="en">
27 |       <body
28 |         className={cn(
29 |           "min-h-screen bg-background font-sans antialiased",
30 |           fontSans.variable
31 |         )}
32 |       >
33 |         <AntdRegistry>
34 |           {/* 定制主题 */}
35 |           <ConfigProvider
36 |             theme={{
37 |               token: {
38 |                 colorPrimary: "#597ef7",
39 |               },
40 |             }}
41 |           >
42 |             {children}
43 |           </ConfigProvider>
44 |         </AntdRegistry>
45 |       </body>
46 | 
47 |       <Script
48 |         async
49 |         src="https://umami.runningpig.top/script.js"
50 |         data-website-id="4c9e3c07-30f6-4304-87c7-addaf659e8bd"
51 |       ></Script>
52 |     </html>
53 |   );
54 | }
55 | 


--------------------------------------------------------------------------------
/src/components/page/ref.tsx:
--------------------------------------------------------------------------------
 1 | import { cn } from "@/lib/utils";
 2 | import Link from "next/link";
 3 | import React from "react";
 4 | 
 5 | type Props = {
 6 |   className?: string;
 7 | };
 8 | 
 9 | export default function Ref({ className }: Props) {
10 |   return (
11 |     <div className={cn("space-y-3", className)}>
12 |       <h2 className="scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight">
13 |         Source
14 |       </h2>
15 |       <div className="flex gap-3 flex-col">
16 |         <Link
17 |           href="https://leetcode.cn/problem-list/2cktkvj/"
18 |           className="hover:text-blue-500 transition-all duration-150"
19 |           target="_blank"
20 |         >
21 |           🔥 LeetCode 热题 HOT 100
22 |         </Link>
23 |         <Link
24 |           href="https://www.nowcoder.com/exam/oj"
25 |           className="hover:text-blue-500 transition-all duration-150"
26 |           target="_blank"
27 |         >
28 |           🐂 牛客 面试必刷101
29 |         </Link>
30 | 
31 |         <Link
32 |           href="https://tangshusen.me/LeetCode/CodingInterview.html"
33 |           className="hover:text-blue-500 transition-all duration-150"
34 |           target="_blank"
35 |         >
36 |           ⚔ LeetCode 剑指offer对应题目-参考1
37 |         </Link>
38 | 
39 |         <Link
40 |           href="https://github.com/yanring/jianzhi-Offer-Leetcode"
41 |           className="hover:text-blue-500 transition-all duration-150"
42 |           target="_blank"
43 |         >
44 |           ⚔ LeetCode 剑指offer对应题目-参考2
45 |         </Link>
46 |       </div>
47 |     </div>
48 |   );
49 | }
50 | 


--------------------------------------------------------------------------------
/src/hooks/useLocalStorage.ts:
--------------------------------------------------------------------------------
 1 | import { useState, useEffect } from "react";
 2 | const isBrowser = typeof window !== "undefined";
 3 | // 定义 useLocalStorage 钩子的泛型版本
 4 | export function useLocalStorage<T>(
 5 |   key: string,
 6 |   initialValue: T
 7 | ): [T, (value: T | ((val: T) => T)) => void, () => void] {
 8 |   // 从 localStorage 获取初始值
 9 |   const [storedValue, setStoredValue] = useState<T>(() => {
10 |     if (!isBrowser) {
11 |       return initialValue;
12 |     }
13 |     try {
14 |       const item = localStorage.getItem(key);
15 |       console.log("localStorage ", item);
16 |       return item ? JSON.parse(item) : initialValue;
17 |     } catch (error) {
18 |       console.log(error);
19 |       return initialValue;
20 |     }
21 |   });
22 | 
23 |   useEffect(() => {
24 |     if (!isBrowser) return;
25 | 
26 |     try {
27 |       const item = localStorage.getItem(key);
28 |       if (item) {
29 |         setStoredValue(JSON.parse(item));
30 |       }
31 |     } catch (error) {
32 |       console.log(error);
33 |     }
34 |   }, [key]);
35 | 
36 |   // 保存值到 localStorage 和状态变量
37 |   const setValue = (value: T | ((val: T) => T)) => {
38 |     try {
39 |       // 允许值是一个函数，这样我们就可以有相同的 API 作为 useState
40 |       const valueToStore =
41 |         value instanceof Function ? value(storedValue) : value;
42 |       // 保存状态
43 |       setStoredValue(valueToStore);
44 |       // 保存到 localStorage
45 |       localStorage.setItem(key, JSON.stringify(valueToStore));
46 |     } catch (error) {
47 |       console.log(error);
48 |     }
49 |   };
50 | 
51 |   const removeAll = () => {
52 |     localStorage.removeItem(key);
53 |     setStoredValue(initialValue); // 重置到初始值
54 |   };
55 | 
56 |   return [storedValue, setValue, removeAll];
57 | }
58 | 


--------------------------------------------------------------------------------
/src/app/globals.css:
--------------------------------------------------------------------------------
 1 | @tailwind base;
 2 | @tailwind components;
 3 | @tailwind utilities;
 4 |  
 5 | @layer base {
 6 |   :root {
 7 |     --background: 0 0% 100%;
 8 |     --foreground: 222.2 84% 4.9%;
 9 | 
10 |     --card: 0 0% 100%;
11 |     --card-foreground: 222.2 84% 4.9%;
12 |  
13 |     --popover: 0 0% 100%;
14 |     --popover-foreground: 222.2 84% 4.9%;
15 |  
16 |     --primary: 222.2 47.4% 11.2%;
17 |     --primary-foreground: 210 40% 98%;
18 |  
19 |     --secondary: 210 40% 96.1%;
20 |     --secondary-foreground: 222.2 47.4% 11.2%;
21 |  
22 |     --muted: 210 40% 96.1%;
23 |     --muted-foreground: 215.4 16.3% 46.9%;
24 |  
25 |     --accent: 210 40% 96.1%;
26 |     --accent-foreground: 222.2 47.4% 11.2%;
27 |  
28 |     --destructive: 0 84.2% 60.2%;
29 |     --destructive-foreground: 210 40% 98%;
30 | 
31 |     --border: 214.3 31.8% 91.4%;
32 |     --input: 214.3 31.8% 91.4%;
33 |     --ring: 222.2 84% 4.9%;
34 |  
35 |     --radius: 0.5rem;
36 |   }
37 |  
38 |   .dark {
39 |     --background: 222.2 84% 4.9%;
40 |     --foreground: 210 40% 98%;
41 |  
42 |     --card: 222.2 84% 4.9%;
43 |     --card-foreground: 210 40% 98%;
44 |  
45 |     --popover: 222.2 84% 4.9%;
46 |     --popover-foreground: 210 40% 98%;
47 |  
48 |     --primary: 210 40% 98%;
49 |     --primary-foreground: 222.2 47.4% 11.2%;
50 |  
51 |     --secondary: 217.2 32.6% 17.5%;
52 |     --secondary-foreground: 210 40% 98%;
53 |  
54 |     --muted: 217.2 32.6% 17.5%;
55 |     --muted-foreground: 215 20.2% 65.1%;
56 |  
57 |     --accent: 217.2 32.6% 17.5%;
58 |     --accent-foreground: 210 40% 98%;
59 |  
60 |     --destructive: 0 62.8% 30.6%;
61 |     --destructive-foreground: 210 40% 98%;
62 |  
63 |     --border: 217.2 32.6% 17.5%;
64 |     --input: 217.2 32.6% 17.5%;
65 |     --ring: 212.7 26.8% 83.9%;
66 |   }
67 | }
68 |  
69 | @layer base {
70 |   * {
71 |     @apply border-border;
72 |   }
73 |   body {
74 |     @apply bg-background text-foreground;
75 |   }
76 | }


--------------------------------------------------------------------------------
/src/components/lc/data-table-view-options.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | 
 3 | import { DropdownMenuTrigger } from "@radix-ui/react-dropdown-menu";
 4 | // import { MixerHorizontalIcon } from "@radix-ui/react-icons";
 5 | import { Table } from "@tanstack/react-table";
 6 | 
 7 | import { Button } from "@/components/ui/button";
 8 | import {
 9 |   DropdownMenu,
10 |   DropdownMenuCheckboxItem,
11 |   DropdownMenuContent,
12 |   DropdownMenuLabel,
13 |   DropdownMenuSeparator,
14 | } from "@/components/ui/dropdown-menu";
15 | import { AlignVerticalDistributeCenter } from "lucide-react";
16 | 
17 | interface DataTableViewOptionsProps<TData> {
18 |   table: Table<TData>;
19 | }
20 | 
21 | export function DataTableViewOptions<TData>({
22 |   table,
23 | }: DataTableViewOptionsProps<TData>) {
24 |   return (
25 |     <DropdownMenu>
26 |       <DropdownMenuTrigger asChild>
27 |         <Button
28 |           variant="outline"
29 |           size="sm"
30 |           className="ml-auto hidden h-8 lg:flex"
31 |         >
32 |           <AlignVerticalDistributeCenter className="mr-2 h-4 w-4" />
33 |           View
34 |         </Button>
35 |       </DropdownMenuTrigger>
36 |       <DropdownMenuContent align="end" className="w-[150px]">
37 |         <DropdownMenuLabel>Toggle columns</DropdownMenuLabel>
38 |         <DropdownMenuSeparator />
39 |         {table
40 |           .getAllColumns()
41 |           .filter(
42 |             (column) =>
43 |               typeof column.accessorFn !== "undefined" && column.getCanHide()
44 |           )
45 |           .map((column) => {
46 |             return (
47 |               <DropdownMenuCheckboxItem
48 |                 key={column.id}
49 |                 className="capitalize"
50 |                 checked={column.getIsVisible()}
51 |                 onCheckedChange={(value) => column.toggleVisibility(!!value)}
52 |               >
53 |                 {column.id}
54 |               </DropdownMenuCheckboxItem>
55 |             );
56 |           })}
57 |       </DropdownMenuContent>
58 |     </DropdownMenu>
59 |   );
60 | }
61 | 


--------------------------------------------------------------------------------
/src/components/ui/button.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from "react"
 2 | import { Slot } from "@radix-ui/react-slot"
 3 | import { cva, type VariantProps } from "class-variance-authority"
 4 | 
 5 | import { cn } from "@/lib/utils"
 6 | 
 7 | const buttonVariants = cva(
 8 |   "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
 9 |   {
10 |     variants: {
11 |       variant: {
12 |         default: "bg-primary text-primary-foreground hover:bg-primary/90",
13 |         destructive:
14 |           "bg-destructive text-destructive-foreground hover:bg-destructive/90",
15 |         outline:
16 |           "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
17 |         secondary:
18 |           "bg-secondary text-secondary-foreground hover:bg-secondary/80",
19 |         ghost: "hover:bg-accent hover:text-accent-foreground",
20 |         link: "text-primary underline-offset-4 hover:underline",
21 |       },
22 |       size: {
23 |         default: "h-10 px-4 py-2",
24 |         sm: "h-9 rounded-md px-3",
25 |         lg: "h-11 rounded-md px-8",
26 |         icon: "h-10 w-10",
27 |       },
28 |     },
29 |     defaultVariants: {
30 |       variant: "default",
31 |       size: "default",
32 |     },
33 |   }
34 | )
35 | 
36 | export interface ButtonProps
37 |   extends React.ButtonHTMLAttributes<HTMLButtonElement>,
38 |     VariantProps<typeof buttonVariants> {
39 |   asChild?: boolean
40 | }
41 | 
42 | const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
43 |   ({ className, variant, size, asChild = false, ...props }, ref) => {
44 |     const Comp = asChild ? Slot : "button"
45 |     return (
46 |       <Comp
47 |         className={cn(buttonVariants({ variant, size, className }))}
48 |         ref={ref}
49 |         {...props}
50 |       />
51 |     )
52 |   }
53 | )
54 | Button.displayName = "Button"
55 | 
56 | export { Button, buttonVariants }
57 | 


--------------------------------------------------------------------------------
/src/components/lc/data-table-toolbar.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | 
 3 | import { Table } from "@tanstack/react-table";
 4 | 
 5 | import { Input } from "@/components/ui/input";
 6 | 
 7 | // import { priorities, statuses } from "../data/data";
 8 | import { DataTableFacetedFilter } from "./data-table-facet-filter";
 9 | import { Button } from "../ui/button";
10 | import { DataTableViewOptions } from "./data-table-view-options";
11 | import { X } from "lucide-react";
12 | import { algoCategories, grade, source } from "./data";
13 | 
14 | interface DataTableToolbarProps<TData> {
15 |   table: Table<TData>;
16 | }
17 | 
18 | export function DataTableToolbar<TData>({
19 |   table,
20 | }: DataTableToolbarProps<TData>) {
21 |   const isFiltered = table.getState().columnFilters.length > 0;
22 | 
23 |   // console.log(table.getAllColumns());
24 | 
25 |   return (
26 |     <div className="flex items-center justify-between">
27 |       <div className="flex flex-1 items-center  flex-col md:flex-row gap-2">
28 |         <Input
29 |           placeholder="输入题目名"
30 |           value={(table.getColumn("name")?.getFilterValue() as string) ?? ""}
31 |           onChange={(event) =>
32 |             table.getColumn("name")?.setFilterValue(event.target.value)
33 |           }
34 |           className="h-8 w-[150px] lg:w-[250px]"
35 |         />
36 |         {table.getColumn("algoCategory") && (
37 |           <DataTableFacetedFilter
38 |             column={table.getColumn("algoCategory")}
39 |             title="分类"
40 |             options={algoCategories}
41 |           />
42 |         )}
43 |         {table.getColumn("grade") && (
44 |           <DataTableFacetedFilter
45 |             column={table.getColumn("grade")}
46 |             title="难度"
47 |             options={grade}
48 |           />
49 |         )}
50 |         {table.getColumn("grade") && (
51 |           <DataTableFacetedFilter
52 |             column={table.getColumn("tags")}
53 |             title="来源"
54 |             options={source}
55 |           />
56 |         )}
57 |         {isFiltered && (
58 |           <Button
59 |             variant="ghost"
60 |             onClick={() => table.resetColumnFilters()}
61 |             className="h-8 px-2 lg:px-3"
62 |           >
63 |             Reset
64 |             <X className="ml-2 h-4 w-4" />
65 |           </Button>
66 |         )}
67 |       </div>
68 |       <DataTableViewOptions table={table} />
69 |     </div>
70 |   );
71 | }
72 | 


--------------------------------------------------------------------------------
/src/components/lc/data-table-column-header.tsx:
--------------------------------------------------------------------------------
 1 | import { Column } from "@tanstack/react-table";
 2 | 
 3 | import { cn } from "@/lib/utils";
 4 | 
 5 | import {
 6 |   DropdownMenu,
 7 |   DropdownMenuContent,
 8 |   DropdownMenuItem,
 9 |   DropdownMenuSeparator,
10 |   DropdownMenuTrigger,
11 | } from "@/components/ui/dropdown-menu";
12 | import { Button } from "../ui/button";
13 | import {
14 |   ArrowDownIcon,
15 |   ArrowUpIcon,
16 |   ChevronsUpDown,
17 |   EyeOff,
18 | } from "lucide-react";
19 | 
20 | interface DataTableColumnHeaderProps<TData, TValue>
21 |   extends React.HTMLAttributes<HTMLDivElement> {
22 |   column: Column<TData, TValue>;
23 |   title: string;
24 | }
25 | 
26 | export function DataTableColumnHeader<TData, TValue>({
27 |   column,
28 |   title,
29 |   className,
30 | }: DataTableColumnHeaderProps<TData, TValue>) {
31 |   if (!column.getCanSort()) {
32 |     return <div className={cn(className)}>{title}</div>;
33 |   }
34 | 
35 |   return (
36 |     <div className={cn("flex items-center space-x-2", className)}>
37 |       <DropdownMenu>
38 |         <DropdownMenuTrigger asChild>
39 |           <Button
40 |             variant="ghost"
41 |             size="sm"
42 |             className="-ml-3 h-8 data-[state=open]:bg-accent"
43 |           >
44 |             <span>{title}</span>
45 |             {column.getIsSorted() === "desc" ? (
46 |               <ArrowDownIcon className="ml-2 h-4 w-4" />
47 |             ) : column.getIsSorted() === "asc" ? (
48 |               <ArrowUpIcon className="ml-2 h-4 w-4" />
49 |             ) : (
50 |               <ChevronsUpDown className="ml-2 h-4 w-4" />
51 |             )}
52 |           </Button>
53 |         </DropdownMenuTrigger>
54 |         <DropdownMenuContent align="start">
55 |           <DropdownMenuItem onClick={() => column.toggleSorting(false)}>
56 |             <ArrowUpIcon className="mr-2 h-3.5 w-3.5 text-muted-foreground/70" />
57 |             Asc
58 |           </DropdownMenuItem>
59 |           <DropdownMenuItem onClick={() => column.toggleSorting(true)}>
60 |             <ArrowDownIcon className="mr-2 h-3.5 w-3.5 text-muted-foreground/70" />
61 |             Desc
62 |           </DropdownMenuItem>
63 |           <DropdownMenuSeparator />
64 |           <DropdownMenuItem onClick={() => column.toggleVisibility(false)}>
65 |             <EyeOff className="mr-2 h-3.5 w-3.5 text-muted-foreground/70" />
66 |             Hide
67 |           </DropdownMenuItem>
68 |         </DropdownMenuContent>
69 |       </DropdownMenu>
70 |     </div>
71 |   );
72 | }
73 | 


--------------------------------------------------------------------------------
/src/components/lc/colums.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | 
 3 | import { ColumnDef } from "@tanstack/react-table";
 4 | 
 5 | // This type is used to define the shape of our data.
 6 | // You can use a Zod schema here if you want.
 7 | import { DataType } from "@/types/lc";
 8 | import Link from "next/link";
 9 | import { Badge } from "../ui/badge";
10 | import { Button } from "../ui/button";
11 | import { DataTableColumnHeader } from "./data-table-column-header";
12 | import { getGradeValue } from "@/lib/utils";
13 | 
14 | export const columns: ColumnDef<DataType>[] = [
15 |   {
16 |     accessorKey: "idx",
17 |     header: "idx",
18 |   },
19 |   {
20 |     accessorKey: "name",
21 |     // header: () => "题目名",
22 |     header: ({ column }) => (
23 |       <DataTableColumnHeader column={column} title="题目名" />
24 |     ),
25 |     filterFn: "includesString",
26 |   },
27 | 
28 |   {
29 |     accessorKey: "grade",
30 |     header: ({ column }) => (
31 |       <DataTableColumnHeader column={column} title="难度" />
32 |     ),
33 |     sortingFn: (a, b) => {
34 |       return (
35 |         getGradeValue(a.getValue("grade")) - getGradeValue(b.getValue("grade"))
36 |       );
37 |     },
38 | 
39 |     cell: ({ row }) => {
40 |       const grade = row.getValue("grade");
41 |       switch (grade) {
42 |         case "easy":
43 |           return (
44 |             <Badge className="bg-green-500 hover:bg-green-700">{grade}</Badge>
45 |           );
46 | 
47 |         case "medium":
48 |           return (
49 |             <Badge className="bg-orange-500 hover:bg-orange-700">{grade}</Badge>
50 |           );
51 | 
52 |         case "hard":
53 |           return <Badge className="bg-red-500 hover:bg-red-700">{grade}</Badge>;
54 | 
55 |         default:
56 |           break;
57 |       }
58 |     },
59 |     filterFn: "arrIncludesSome",
60 |   },
61 |   {
62 |     accessorKey: "tags",
63 |     header: "出处",
64 |     filterFn: "arrIncludesSome",
65 |   },
66 |   {
67 |     accessorKey: "algoCategory",
68 |     header: "分类",
69 |     filterFn: (row, id, value) => {
70 |       console.log("分类: ", row.getValue(id));
71 |       return value.includes(row.getValue(id));
72 |     },
73 |   },
74 |   {
75 |     accessorKey: "url",
76 |     header: "Url",
77 |     cell: (props) => (
78 |       <Link
79 |         href={props.getValue() as string}
80 |         target="_blank"
81 |         className="hover:text-sky-500 transition-all duration-150"
82 |       >
83 |         {/* {`${props.row.original.grade} - ${props.getValue()}`} */}
84 |         Url
85 |       </Link>
86 |     ),
87 |   },
88 |   {
89 |     accessorKey: "ext",
90 |     header: "补充",
91 |   },
92 | ];
93 | 


--------------------------------------------------------------------------------
/tailwind.config.ts:
--------------------------------------------------------------------------------
 1 | import type { Config } from "tailwindcss";
 2 | const { fontFamily } = require("tailwindcss/defaultTheme");
 3 | const config = {
 4 |   darkMode: ["class"],
 5 |   content: [
 6 |     "./pages/**/*.{ts,tsx}",
 7 |     "./components/**/*.{ts,tsx}",
 8 |     "./app/**/*.{ts,tsx}",
 9 |     "./src/**/*.{ts,tsx}",
10 |   ],
11 |   prefix: "",
12 |   theme: {
13 |     container: {
14 |       center: true,
15 |       padding: "5rem",
16 |       screens: {
17 |         "2xl": "1200px",
18 |       },
19 |     },
20 |     extend: {
21 |       fontFamily: {
22 |         sans: ["var(--font-sans)", ...fontFamily.sans],
23 |       },
24 |       colors: {
25 |         border: "hsl(var(--border))",
26 |         input: "hsl(var(--input))",
27 |         ring: "hsl(var(--ring))",
28 |         background: "hsl(var(--background))",
29 |         foreground: "hsl(var(--foreground))",
30 |         primary: {
31 |           DEFAULT: "hsl(var(--primary))",
32 |           foreground: "hsl(var(--primary-foreground))",
33 |         },
34 |         secondary: {
35 |           DEFAULT: "hsl(var(--secondary))",
36 |           foreground: "hsl(var(--secondary-foreground))",
37 |         },
38 |         destructive: {
39 |           DEFAULT: "hsl(var(--destructive))",
40 |           foreground: "hsl(var(--destructive-foreground))",
41 |         },
42 |         muted: {
43 |           DEFAULT: "hsl(var(--muted))",
44 |           foreground: "hsl(var(--muted-foreground))",
45 |         },
46 |         accent: {
47 |           DEFAULT: "hsl(var(--accent))",
48 |           foreground: "hsl(var(--accent-foreground))",
49 |         },
50 |         popover: {
51 |           DEFAULT: "hsl(var(--popover))",
52 |           foreground: "hsl(var(--popover-foreground))",
53 |         },
54 |         card: {
55 |           DEFAULT: "hsl(var(--card))",
56 |           foreground: "hsl(var(--card-foreground))",
57 |         },
58 |       },
59 |       borderRadius: {
60 |         lg: "var(--radius)",
61 |         md: "calc(var(--radius) - 2px)",
62 |         sm: "calc(var(--radius) - 4px)",
63 |       },
64 |       keyframes: {
65 |         "accordion-down": {
66 |           from: { height: "0" },
67 |           to: { height: "var(--radix-accordion-content-height)" },
68 |         },
69 |         "accordion-up": {
70 |           from: { height: "var(--radix-accordion-content-height)" },
71 |           to: { height: "0" },
72 |         },
73 |       },
74 |       animation: {
75 |         "accordion-down": "accordion-down 0.2s ease-out",
76 |         "accordion-up": "accordion-up 0.2s ease-out",
77 |       },
78 |     },
79 |   },
80 |   plugins: [require("tailwindcss-animate")],
81 | } satisfies Config;
82 | 
83 | export default config;
84 | 


--------------------------------------------------------------------------------
/src/components/ui/table.tsx:
--------------------------------------------------------------------------------
  1 | import * as React from "react"
  2 | 
  3 | import { cn } from "@/lib/utils"
  4 | 
  5 | const Table = React.forwardRef<
  6 |   HTMLTableElement,
  7 |   React.HTMLAttributes<HTMLTableElement>
  8 | >(({ className, ...props }, ref) => (
  9 |   <div className="relative w-full overflow-auto">
 10 |     <table
 11 |       ref={ref}
 12 |       className={cn("w-full caption-bottom text-sm", className)}
 13 |       {...props}
 14 |     />
 15 |   </div>
 16 | ))
 17 | Table.displayName = "Table"
 18 | 
 19 | const TableHeader = React.forwardRef<
 20 |   HTMLTableSectionElement,
 21 |   React.HTMLAttributes<HTMLTableSectionElement>
 22 | >(({ className, ...props }, ref) => (
 23 |   <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
 24 | ))
 25 | TableHeader.displayName = "TableHeader"
 26 | 
 27 | const TableBody = React.forwardRef<
 28 |   HTMLTableSectionElement,
 29 |   React.HTMLAttributes<HTMLTableSectionElement>
 30 | >(({ className, ...props }, ref) => (
 31 |   <tbody
 32 |     ref={ref}
 33 |     className={cn("[&_tr:last-child]:border-0", className)}
 34 |     {...props}
 35 |   />
 36 | ))
 37 | TableBody.displayName = "TableBody"
 38 | 
 39 | const TableFooter = React.forwardRef<
 40 |   HTMLTableSectionElement,
 41 |   React.HTMLAttributes<HTMLTableSectionElement>
 42 | >(({ className, ...props }, ref) => (
 43 |   <tfoot
 44 |     ref={ref}
 45 |     className={cn(
 46 |       "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
 47 |       className
 48 |     )}
 49 |     {...props}
 50 |   />
 51 | ))
 52 | TableFooter.displayName = "TableFooter"
 53 | 
 54 | const TableRow = React.forwardRef<
 55 |   HTMLTableRowElement,
 56 |   React.HTMLAttributes<HTMLTableRowElement>
 57 | >(({ className, ...props }, ref) => (
 58 |   <tr
 59 |     ref={ref}
 60 |     className={cn(
 61 |       "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
 62 |       className
 63 |     )}
 64 |     {...props}
 65 |   />
 66 | ))
 67 | TableRow.displayName = "TableRow"
 68 | 
 69 | const TableHead = React.forwardRef<
 70 |   HTMLTableCellElement,
 71 |   React.ThHTMLAttributes<HTMLTableCellElement>
 72 | >(({ className, ...props }, ref) => (
 73 |   <th
 74 |     ref={ref}
 75 |     className={cn(
 76 |       "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
 77 |       className
 78 |     )}
 79 |     {...props}
 80 |   />
 81 | ))
 82 | TableHead.displayName = "TableHead"
 83 | 
 84 | const TableCell = React.forwardRef<
 85 |   HTMLTableCellElement,
 86 |   React.TdHTMLAttributes<HTMLTableCellElement>
 87 | >(({ className, ...props }, ref) => (
 88 |   <td
 89 |     ref={ref}
 90 |     className={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)}
 91 |     {...props}
 92 |   />
 93 | ))
 94 | TableCell.displayName = "TableCell"
 95 | 
 96 | const TableCaption = React.forwardRef<
 97 |   HTMLTableCaptionElement,
 98 |   React.HTMLAttributes<HTMLTableCaptionElement>
 99 | >(({ className, ...props }, ref) => (
100 |   <caption
101 |     ref={ref}
102 |     className={cn("mt-4 text-sm text-muted-foreground", className)}
103 |     {...props}
104 |   />
105 | ))
106 | TableCaption.displayName = "TableCaption"
107 | 
108 | export {
109 |   Table,
110 |   TableHeader,
111 |   TableBody,
112 |   TableFooter,
113 |   TableHead,
114 |   TableRow,
115 |   TableCell,
116 |   TableCaption,
117 | }
118 | 


--------------------------------------------------------------------------------
/src/components/lc/data-table-pagination.tsx:
--------------------------------------------------------------------------------
 1 | import { Table } from "@tanstack/react-table";
 2 | 
 3 | import {
 4 |   Select,
 5 |   SelectContent,
 6 |   SelectItem,
 7 |   SelectTrigger,
 8 |   SelectValue,
 9 | } from "@/components/ui/select";
10 | import { Button } from "@/components/ui/button";
11 | import {
12 |   ChevronLeft,
13 |   ChevronRight,
14 |   ChevronsLeft,
15 |   ChevronsRight,
16 | } from "lucide-react";
17 | 
18 | interface DataTablePaginationProps<TData> {
19 |   table: Table<TData>;
20 | }
21 | 
22 | export function DataTablePagination<TData>({
23 |   table,
24 | }: DataTablePaginationProps<TData>) {
25 |   return (
26 |     <div className="flex   items-center justify-between px-2 ">
27 |       {/* <div className="flex-1 text-sm text-muted-foreground">
28 |         {table.getFilteredSelectedRowModel().rows.length} of{" "}
29 |         {table.getFilteredRowModel().rows.length} row(s) selected.
30 |       </div> */}
31 |       <div className="flex items-center space-x-6 lg:space-x-8">
32 |         <div className="flex items-center space-x-2">
33 |           <p className="text-sm font-medium">Rows per page</p>
34 |           <Select
35 |             value={`${table.getState().pagination.pageSize}`}
36 |             onValueChange={(value) => {
37 |               table.setPageSize(Number(value));
38 |             }}
39 |           >
40 |             <SelectTrigger className="h-8 w-[70px]">
41 |               <SelectValue placeholder={table.getState().pagination.pageSize} />
42 |             </SelectTrigger>
43 |             <SelectContent side="top">
44 |               {[10, 20, 30, 40, 50].map((pageSize) => (
45 |                 <SelectItem key={pageSize} value={`${pageSize}`}>
46 |                   {pageSize}
47 |                 </SelectItem>
48 |               ))}
49 |             </SelectContent>
50 |           </Select>
51 |         </div>
52 |         <div className="flex w-[100px] items-center justify-center text-sm font-medium">
53 |           Page {table.getState().pagination.pageIndex + 1} of{" "}
54 |           {table.getPageCount()}
55 |         </div>
56 |         <div className="flex items-center space-x-2">
57 |           <Button
58 |             variant="outline"
59 |             className="hidden h-8 w-8 p-0 lg:flex"
60 |             onClick={() => table.setPageIndex(0)}
61 |             disabled={!table.getCanPreviousPage()}
62 |           >
63 |             <span className="sr-only">Go to first page</span>
64 |             <ChevronsLeft className="h-4 w-4" />
65 |           </Button>
66 |           <Button
67 |             variant="outline"
68 |             className="h-8 w-8 p-0"
69 |             onClick={() => table.previousPage()}
70 |             disabled={!table.getCanPreviousPage()}
71 |           >
72 |             <span className="sr-only">Go to previous page</span>
73 |             <ChevronLeft className="h-4 w-4" />
74 |           </Button>
75 |           <Button
76 |             variant="outline"
77 |             className="h-8 w-8 p-0"
78 |             onClick={() => table.nextPage()}
79 |             disabled={!table.getCanNextPage()}
80 |           >
81 |             <span className="sr-only">Go to next page</span>
82 |             <ChevronRight className="h-4 w-4" />
83 |           </Button>
84 |           <Button
85 |             variant="outline"
86 |             className="hidden h-8 w-8 p-0 lg:flex"
87 |             onClick={() => table.setPageIndex(table.getPageCount() - 1)}
88 |             disabled={!table.getCanNextPage()}
89 |           >
90 |             <span className="sr-only">Go to last page</span>
91 |             <ChevronsRight className="h-4 w-4" />
92 |           </Button>
93 |         </div>
94 |       </div>
95 |     </div>
96 |   );
97 | }
98 | 


--------------------------------------------------------------------------------
/src/components/lc/data-table.tsx:
--------------------------------------------------------------------------------
  1 | "use client";
  2 | import * as React from "react";
  3 | import {
  4 |   ColumnDef,
  5 |   SortingState,
  6 |   flexRender,
  7 |   getCoreRowModel,
  8 |   useReactTable,
  9 |   getPaginationRowModel,
 10 |   getSortedRowModel,
 11 |   getFacetedRowModel,
 12 |   getFacetedUniqueValues,
 13 |   ColumnFiltersState,
 14 |   getFilteredRowModel,
 15 | } from "@tanstack/react-table";
 16 | 
 17 | import {
 18 |   Table,
 19 |   TableBody,
 20 |   TableCell,
 21 |   TableHead,
 22 |   TableHeader,
 23 |   TableRow,
 24 | } from "@/components/ui/table";
 25 | import { DataTablePagination } from "./data-table-pagination";
 26 | import { DataTableToolbar } from "./data-table-toolbar";
 27 | 
 28 | interface DataTableProps<TData, TValue> {
 29 |   columns: ColumnDef<TData, TValue>[];
 30 |   data: TData[];
 31 | }
 32 | 
 33 | export function DataTable<TData, TValue>({
 34 |   columns,
 35 |   data,
 36 | }: DataTableProps<TData, TValue>) {
 37 |   const [sorting, setSorting] = React.useState<SortingState>([]);
 38 |   const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(
 39 |     []
 40 |   );
 41 |   const table = useReactTable({
 42 |     data,
 43 |     columns,
 44 |     getCoreRowModel: getCoreRowModel(),
 45 |     getPaginationRowModel: getPaginationRowModel(),
 46 |     onSortingChange: setSorting,
 47 |     getSortedRowModel: getSortedRowModel(),
 48 |     state: {
 49 |       sorting,
 50 |       columnFilters,
 51 |     },
 52 |     getFacetedRowModel: getFacetedRowModel(),
 53 |     getFacetedUniqueValues: getFacetedUniqueValues(),
 54 |     onColumnFiltersChange: setColumnFilters,
 55 |     getFilteredRowModel: getFilteredRowModel(),
 56 |   });
 57 | 
 58 |   // console.log(table.getFilteredRowModel());
 59 | 
 60 |   // const paginationRowModel = table.getPaginationRowModel();
 61 | 
 62 |   return (
 63 |     <div className="space-y-6">
 64 |       <DataTableToolbar table={table} />
 65 |       <div className="rounded-md border">
 66 |         <Table>
 67 |           <TableHeader>
 68 |             {table.getHeaderGroups().map((headerGroup) => (
 69 |               <TableRow key={headerGroup.id}>
 70 |                 {headerGroup.headers.map((header) => {
 71 |                   return (
 72 |                     <TableHead key={header.id}>
 73 |                       {header.isPlaceholder
 74 |                         ? null
 75 |                         : flexRender(
 76 |                             header.column.columnDef.header,
 77 |                             header.getContext()
 78 |                           )}
 79 |                     </TableHead>
 80 |                   );
 81 |                 })}
 82 |               </TableRow>
 83 |             ))}
 84 |           </TableHeader>
 85 |           <TableBody>
 86 |             {table.getRowModel().rows?.length ? (
 87 |               table.getRowModel().rows.map((row) => (
 88 |                 <TableRow
 89 |                   key={row.id}
 90 |                   data-state={row.getIsSelected() && "selected"}
 91 |                 >
 92 |                   {row.getVisibleCells().map((cell) => (
 93 |                     <TableCell key={cell.id}>
 94 |                       {flexRender(
 95 |                         cell.column.columnDef.cell,
 96 |                         cell.getContext()
 97 |                       )}
 98 |                     </TableCell>
 99 |                   ))}
100 |                 </TableRow>
101 |               ))
102 |             ) : (
103 |               <TableRow>
104 |                 <TableCell
105 |                   colSpan={columns.length}
106 |                   className="h-24 text-center"
107 |                 >
108 |                   No results.
109 |                 </TableCell>
110 |               </TableRow>
111 |             )}
112 |           </TableBody>
113 |         </Table>
114 | 
115 |         {/* 分页 */}
116 |         <div className="flex items-center justify-center space-x-2 py-4">
117 |           <DataTablePagination table={table} />
118 |         </div>
119 |       </div>
120 |     </div>
121 |   );
122 | }
123 | 


--------------------------------------------------------------------------------
/src/components/footer.tsx:
--------------------------------------------------------------------------------
  1 | import React from "react";
  2 | import { Icons } from "./icons";
  3 | import Link from "next/link";
  4 | import Image from "next/image";
  5 | import {
  6 |   Dialog,
  7 |   DialogContent,
  8 |   DialogHeader,
  9 |   DialogTitle,
 10 |   DialogTrigger,
 11 | } from "./ui/dialog";
 12 | 
 13 | type Props = {};
 14 | 
 15 | export default function Footer({}: Props) {
 16 |   return (
 17 |     <footer className="mt-20   flex w-full flex-wrap gap-10  border-t-2 px-8 py-12 ">
 18 |       <div className="mr-auto flex flex-1 flex-col">
 19 |         <p className="flex-1">
 20 |           <span>RunningCode</span>
 21 |           <br />
 22 |           <Link
 23 |             className="hover:text-sky-500 duration-150 transition-all"
 24 |             href="https://gpthanghai.com/"
 25 |             target="_blank"
 26 |           >
 27 |             GPT变现/开发思考
 28 |           </Link>
 29 |           <Dialog>
 30 |             <DialogTrigger className="hover:text-sky-500 duration-150 transition-all">
 31 |               后续开发计划
 32 |             </DialogTrigger>
 33 |             <DialogContent>
 34 |               <DialogHeader>
 35 |                 <DialogTitle>开发计划</DialogTitle>
 36 |               </DialogHeader>
 37 |               <ul className="list-disc">
 38 |                 <li>收藏功能/类错题本</li>
 39 |                 <li>收录剑指offer leetcode题目</li>
 40 |                 <li>基于微信公众号做登录, 保存用户的信息</li>
 41 |               </ul>
 42 |             </DialogContent>
 43 |           </Dialog>
 44 |         </p>
 45 |         <div className="flex items-center gap-1">
 46 |           <Link
 47 |             target="_blank"
 48 |             href="https://twitter.com/abc30037274"
 49 |             className=" rounded p-2 transition-colors duration-150 hover:bg-slate-200"
 50 |           >
 51 |             <Icons.X className="h-4 w-4" />
 52 |           </Link>
 53 |           <Link
 54 |             target="_blank"
 55 |             href="https://github.com/tonyljx/"
 56 |             className="rounded p-2 transition-colors duration-150 hover:bg-slate-200"
 57 |           >
 58 |             <Icons.gitHub className="h-4 w-4" />
 59 |           </Link>
 60 |           <Link
 61 |             href="https://ko-fi.com/F1F0QT7HI"
 62 |             target="_blank"
 63 |             rel="noopener noreferrer"
 64 |           >
 65 |             <Image
 66 |               height={100}
 67 |               width={162} // 你需要提供正确的宽度
 68 |               src="/kofi_button_red.png"
 69 |               alt="Buy Me a Coffee at ko-fi.com"
 70 |               unoptimized
 71 |             />
 72 |           </Link>
 73 |         </div>
 74 |       </div>
 75 | 
 76 |       <div className="flex flex-1 gap-32">
 77 |         <div className="flex flex-col gap-3">
 78 |           <p className="font-bold">Product</p>
 79 |           <Link
 80 |             href="https://next.runningpig.top/zh"
 81 |             target="_blank"
 82 |             className="transition-colors duration-200 hover:text-blue-500"
 83 |           >
 84 |             RunningDev | Nextjs 模板站点
 85 |           </Link>
 86 | 
 87 |           <Link
 88 |             href="/"
 89 |             className="transition-colors duration-200 hover:text-blue-500"
 90 |           >
 91 |             RunningCode | 刷题效率工具
 92 |           </Link>
 93 | 
 94 |           <Link
 95 |             href="https://www.gpts-store.net/"
 96 |             target="_blank"
 97 |             className="transition-colors duration-200 hover:text-blue-500"
 98 |           >
 99 |             GPTs导航站
100 |           </Link>
101 |         </div>
102 |         <div className="flex flex-col gap-3">
103 |           <p className="font-bold">Resources</p>
104 |           <Link
105 |             href="https://nextjs.org/"
106 |             className="transition-colors duration-200 hover:text-blue-500"
107 |           >
108 |             NextJs
109 |           </Link>
110 |           <Link
111 |             href="https://react.dev/"
112 |             className="transition-colors duration-200 hover:text-blue-500"
113 |           >
114 |             React
115 |           </Link>
116 |           <Link
117 |             href="https://ant-design.antgroup.com/index-cn"
118 |             className="transition-colors duration-200 hover:text-blue-500"
119 |           >
120 |             AntD
121 |           </Link>
122 |         </div>
123 |       </div>
124 |     </footer>
125 |   );
126 | }
127 | 


--------------------------------------------------------------------------------
/src/components/ui/dialog.tsx:
--------------------------------------------------------------------------------
  1 | "use client"
  2 | 
  3 | import * as React from "react"
  4 | import * as DialogPrimitive from "@radix-ui/react-dialog"
  5 | import { X } from "lucide-react"
  6 | 
  7 | import { cn } from "@/lib/utils"
  8 | 
  9 | const Dialog = DialogPrimitive.Root
 10 | 
 11 | const DialogTrigger = DialogPrimitive.Trigger
 12 | 
 13 | const DialogPortal = DialogPrimitive.Portal
 14 | 
 15 | const DialogClose = DialogPrimitive.Close
 16 | 
 17 | const DialogOverlay = React.forwardRef<
 18 |   React.ElementRef<typeof DialogPrimitive.Overlay>,
 19 |   React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
 20 | >(({ className, ...props }, ref) => (
 21 |   <DialogPrimitive.Overlay
 22 |     ref={ref}
 23 |     className={cn(
 24 |       "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
 25 |       className
 26 |     )}
 27 |     {...props}
 28 |   />
 29 | ))
 30 | DialogOverlay.displayName = DialogPrimitive.Overlay.displayName
 31 | 
 32 | const DialogContent = React.forwardRef<
 33 |   React.ElementRef<typeof DialogPrimitive.Content>,
 34 |   React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
 35 | >(({ className, children, ...props }, ref) => (
 36 |   <DialogPortal>
 37 |     <DialogOverlay />
 38 |     <DialogPrimitive.Content
 39 |       ref={ref}
 40 |       className={cn(
 41 |         "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
 42 |         className
 43 |       )}
 44 |       {...props}
 45 |     >
 46 |       {children}
 47 |       <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
 48 |         <X className="h-4 w-4" />
 49 |         <span className="sr-only">Close</span>
 50 |       </DialogPrimitive.Close>
 51 |     </DialogPrimitive.Content>
 52 |   </DialogPortal>
 53 | ))
 54 | DialogContent.displayName = DialogPrimitive.Content.displayName
 55 | 
 56 | const DialogHeader = ({
 57 |   className,
 58 |   ...props
 59 | }: React.HTMLAttributes<HTMLDivElement>) => (
 60 |   <div
 61 |     className={cn(
 62 |       "flex flex-col space-y-1.5 text-center sm:text-left",
 63 |       className
 64 |     )}
 65 |     {...props}
 66 |   />
 67 | )
 68 | DialogHeader.displayName = "DialogHeader"
 69 | 
 70 | const DialogFooter = ({
 71 |   className,
 72 |   ...props
 73 | }: React.HTMLAttributes<HTMLDivElement>) => (
 74 |   <div
 75 |     className={cn(
 76 |       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
 77 |       className
 78 |     )}
 79 |     {...props}
 80 |   />
 81 | )
 82 | DialogFooter.displayName = "DialogFooter"
 83 | 
 84 | const DialogTitle = React.forwardRef<
 85 |   React.ElementRef<typeof DialogPrimitive.Title>,
 86 |   React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
 87 | >(({ className, ...props }, ref) => (
 88 |   <DialogPrimitive.Title
 89 |     ref={ref}
 90 |     className={cn(
 91 |       "text-lg font-semibold leading-none tracking-tight",
 92 |       className
 93 |     )}
 94 |     {...props}
 95 |   />
 96 | ))
 97 | DialogTitle.displayName = DialogPrimitive.Title.displayName
 98 | 
 99 | const DialogDescription = React.forwardRef<
100 |   React.ElementRef<typeof DialogPrimitive.Description>,
101 |   React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
102 | >(({ className, ...props }, ref) => (
103 |   <DialogPrimitive.Description
104 |     ref={ref}
105 |     className={cn("text-sm text-muted-foreground", className)}
106 |     {...props}
107 |   />
108 | ))
109 | DialogDescription.displayName = DialogPrimitive.Description.displayName
110 | 
111 | export {
112 |   Dialog,
113 |   DialogPortal,
114 |   DialogOverlay,
115 |   DialogClose,
116 |   DialogTrigger,
117 |   DialogContent,
118 |   DialogHeader,
119 |   DialogFooter,
120 |   DialogTitle,
121 |   DialogDescription,
122 | }
123 | 


--------------------------------------------------------------------------------
/src/components/ui/command.tsx:
--------------------------------------------------------------------------------
  1 | "use client"
  2 | 
  3 | import * as React from "react"
  4 | import { type DialogProps } from "@radix-ui/react-dialog"
  5 | import { Command as CommandPrimitive } from "cmdk"
  6 | import { Search } from "lucide-react"
  7 | 
  8 | import { cn } from "@/lib/utils"
  9 | import { Dialog, DialogContent } from "@/components/ui/dialog"
 10 | 
 11 | const Command = React.forwardRef<
 12 |   React.ElementRef<typeof CommandPrimitive>,
 13 |   React.ComponentPropsWithoutRef<typeof CommandPrimitive>
 14 | >(({ className, ...props }, ref) => (
 15 |   <CommandPrimitive
 16 |     ref={ref}
 17 |     className={cn(
 18 |       "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
 19 |       className
 20 |     )}
 21 |     {...props}
 22 |   />
 23 | ))
 24 | Command.displayName = CommandPrimitive.displayName
 25 | 
 26 | interface CommandDialogProps extends DialogProps {}
 27 | 
 28 | const CommandDialog = ({ children, ...props }: CommandDialogProps) => {
 29 |   return (
 30 |     <Dialog {...props}>
 31 |       <DialogContent className="overflow-hidden p-0 shadow-lg">
 32 |         <Command className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
 33 |           {children}
 34 |         </Command>
 35 |       </DialogContent>
 36 |     </Dialog>
 37 |   )
 38 | }
 39 | 
 40 | const CommandInput = React.forwardRef<
 41 |   React.ElementRef<typeof CommandPrimitive.Input>,
 42 |   React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>
 43 | >(({ className, ...props }, ref) => (
 44 |   <div className="flex items-center border-b px-3" cmdk-input-wrapper="">
 45 |     <Search className="mr-2 h-4 w-4 shrink-0 opacity-50" />
 46 |     <CommandPrimitive.Input
 47 |       ref={ref}
 48 |       className={cn(
 49 |         "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
 50 |         className
 51 |       )}
 52 |       {...props}
 53 |     />
 54 |   </div>
 55 | ))
 56 | 
 57 | CommandInput.displayName = CommandPrimitive.Input.displayName
 58 | 
 59 | const CommandList = React.forwardRef<
 60 |   React.ElementRef<typeof CommandPrimitive.List>,
 61 |   React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>
 62 | >(({ className, ...props }, ref) => (
 63 |   <CommandPrimitive.List
 64 |     ref={ref}
 65 |     className={cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)}
 66 |     {...props}
 67 |   />
 68 | ))
 69 | 
 70 | CommandList.displayName = CommandPrimitive.List.displayName
 71 | 
 72 | const CommandEmpty = React.forwardRef<
 73 |   React.ElementRef<typeof CommandPrimitive.Empty>,
 74 |   React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>
 75 | >((props, ref) => (
 76 |   <CommandPrimitive.Empty
 77 |     ref={ref}
 78 |     className="py-6 text-center text-sm"
 79 |     {...props}
 80 |   />
 81 | ))
 82 | 
 83 | CommandEmpty.displayName = CommandPrimitive.Empty.displayName
 84 | 
 85 | const CommandGroup = React.forwardRef<
 86 |   React.ElementRef<typeof CommandPrimitive.Group>,
 87 |   React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>
 88 | >(({ className, ...props }, ref) => (
 89 |   <CommandPrimitive.Group
 90 |     ref={ref}
 91 |     className={cn(
 92 |       "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
 93 |       className
 94 |     )}
 95 |     {...props}
 96 |   />
 97 | ))
 98 | 
 99 | CommandGroup.displayName = CommandPrimitive.Group.displayName
100 | 
101 | const CommandSeparator = React.forwardRef<
102 |   React.ElementRef<typeof CommandPrimitive.Separator>,
103 |   React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>
104 | >(({ className, ...props }, ref) => (
105 |   <CommandPrimitive.Separator
106 |     ref={ref}
107 |     className={cn("-mx-1 h-px bg-border", className)}
108 |     {...props}
109 |   />
110 | ))
111 | CommandSeparator.displayName = CommandPrimitive.Separator.displayName
112 | 
113 | const CommandItem = React.forwardRef<
114 |   React.ElementRef<typeof CommandPrimitive.Item>,
115 |   React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>
116 | >(({ className, ...props }, ref) => (
117 |   <CommandPrimitive.Item
118 |     ref={ref}
119 |     className={cn(
120 |       "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
121 |       className
122 |     )}
123 |     {...props}
124 |   />
125 | ))
126 | 
127 | CommandItem.displayName = CommandPrimitive.Item.displayName
128 | 
129 | const CommandShortcut = ({
130 |   className,
131 |   ...props
132 | }: React.HTMLAttributes<HTMLSpanElement>) => {
133 |   return (
134 |     <span
135 |       className={cn(
136 |         "ml-auto text-xs tracking-widest text-muted-foreground",
137 |         className
138 |       )}
139 |       {...props}
140 |     />
141 |   )
142 | }
143 | CommandShortcut.displayName = "CommandShortcut"
144 | 
145 | export {
146 |   Command,
147 |   CommandDialog,
148 |   CommandInput,
149 |   CommandList,
150 |   CommandEmpty,
151 |   CommandGroup,
152 |   CommandItem,
153 |   CommandShortcut,
154 |   CommandSeparator,
155 | }
156 | 


--------------------------------------------------------------------------------
/src/components/lc/data-table-facet-filter.tsx:
--------------------------------------------------------------------------------
  1 | import * as React from "react";
  2 | // import { CheckIcon, PlusCircledIcon } from "@radix-ui/react-icons"
  3 | import { Column } from "@tanstack/react-table";
  4 | 
  5 | import { cn } from "@/lib/utils";
  6 | // import { Badge } from "@/registry/new-york/ui/badge"
  7 | // import { Button } from "@/registry/new-york/ui/button"
  8 | import {
  9 |   Command,
 10 |   CommandEmpty,
 11 |   CommandGroup,
 12 |   CommandInput,
 13 |   CommandItem,
 14 |   CommandList,
 15 |   CommandSeparator,
 16 | } from "@/components/ui/command";
 17 | import {
 18 |   Popover,
 19 |   PopoverContent,
 20 |   PopoverTrigger,
 21 | } from "@/components/ui/popover";
 22 | import { Separator } from "@/components/ui/separator";
 23 | import { Badge } from "../ui/badge";
 24 | import { CheckIcon, PlusCircle } from "lucide-react";
 25 | import { Button } from "../ui/button";
 26 | 
 27 | interface DataTableFacetedFilterProps<TData, TValue> {
 28 |   column?: Column<TData, TValue>;
 29 |   title?: string;
 30 |   options: {
 31 |     label: string;
 32 |     value: string;
 33 |     icon?: React.ComponentType<{ className?: string }>;
 34 |   }[];
 35 | }
 36 | 
 37 | export function DataTableFacetedFilter<TData, TValue>({
 38 |   column,
 39 |   title,
 40 |   options,
 41 | }: DataTableFacetedFilterProps<TData, TValue>) {
 42 |   const facets = column?.getFacetedUniqueValues();
 43 |   const selectedValues = new Set(column?.getFilterValue() as string[]);
 44 | 
 45 |   // console.log(facets);
 46 | 
 47 |   return (
 48 |     <Popover>
 49 |       <PopoverTrigger asChild>
 50 |         <Button variant="outline" size="sm" className="h-8 border-dashed">
 51 |           <PlusCircle className="mr-2 h-4 w-4" />
 52 |           {title}
 53 |           {selectedValues?.size > 0 && (
 54 |             <>
 55 |               <Separator orientation="vertical" className="mx-2 h-4" />
 56 |               <Badge
 57 |                 variant="secondary"
 58 |                 className="rounded-sm px-1 font-normal lg:hidden"
 59 |               >
 60 |                 {selectedValues.size}
 61 |               </Badge>
 62 |               <div className="hidden space-x-1 lg:flex">
 63 |                 {selectedValues.size > 2 ? (
 64 |                   <Badge
 65 |                     variant="secondary"
 66 |                     className="rounded-sm px-1 font-normal"
 67 |                   >
 68 |                     {selectedValues.size} selected
 69 |                   </Badge>
 70 |                 ) : (
 71 |                   options
 72 |                     .filter((option) => selectedValues.has(option.value))
 73 |                     .map((option) => (
 74 |                       <Badge
 75 |                         variant="secondary"
 76 |                         key={option.value}
 77 |                         className="rounded-sm px-1 font-normal"
 78 |                       >
 79 |                         {option.label}
 80 |                       </Badge>
 81 |                     ))
 82 |                 )}
 83 |               </div>
 84 |             </>
 85 |           )}
 86 |         </Button>
 87 |       </PopoverTrigger>
 88 |       <PopoverContent className="w-[200px] p-0" align="start">
 89 |         <Command>
 90 |           <CommandInput placeholder={title} />
 91 |           <CommandList>
 92 |             <CommandEmpty>No results found.</CommandEmpty>
 93 |             <CommandGroup>
 94 |               {options.map((option) => {
 95 |                 const isSelected = selectedValues.has(option.value);
 96 |                 return (
 97 |                   <CommandItem
 98 |                     key={option.value}
 99 |                     onSelect={() => {
100 |                       if (isSelected) {
101 |                         selectedValues.delete(option.value);
102 |                       } else {
103 |                         selectedValues.add(option.value);
104 |                       }
105 |                       const filterValues = Array.from(selectedValues);
106 |                       column?.setFilterValue(
107 |                         filterValues.length ? filterValues : undefined
108 |                       );
109 |                     }}
110 |                   >
111 |                     <div
112 |                       className={cn(
113 |                         "mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",
114 |                         isSelected
115 |                           ? "bg-primary text-primary-foreground"
116 |                           : "opacity-50 [&_svg]:invisible"
117 |                       )}
118 |                     >
119 |                       <CheckIcon className={cn("h-4 w-4")} />
120 |                     </div>
121 |                     {option.icon && (
122 |                       <option.icon className="mr-2 h-4 w-4 text-muted-foreground" />
123 |                     )}
124 |                     <span>{option.label}</span>
125 |                     {facets?.get(option.value) && (
126 |                       <span className="ml-auto flex h-4 w-4 items-center justify-center font-mono text-xs">
127 |                         {facets.get(option.value)}
128 |                       </span>
129 |                     )}
130 |                   </CommandItem>
131 |                 );
132 |               })}
133 |             </CommandGroup>
134 |             {selectedValues.size > 0 && (
135 |               <>
136 |                 <CommandSeparator />
137 |                 <CommandGroup>
138 |                   <CommandItem
139 |                     onSelect={() => column?.setFilterValue(undefined)}
140 |                     className="justify-center text-center"
141 |                   >
142 |                     Clear filters
143 |                   </CommandItem>
144 |                 </CommandGroup>
145 |               </>
146 |             )}
147 |           </CommandList>
148 |         </Command>
149 |       </PopoverContent>
150 |     </Popover>
151 |   );
152 | }
153 | 


--------------------------------------------------------------------------------
/src/components/ui/select.tsx:
--------------------------------------------------------------------------------
  1 | "use client"
  2 | 
  3 | import * as React from "react"
  4 | import * as SelectPrimitive from "@radix-ui/react-select"
  5 | import { Check, ChevronDown, ChevronUp } from "lucide-react"
  6 | 
  7 | import { cn } from "@/lib/utils"
  8 | 
  9 | const Select = SelectPrimitive.Root
 10 | 
 11 | const SelectGroup = SelectPrimitive.Group
 12 | 
 13 | const SelectValue = SelectPrimitive.Value
 14 | 
 15 | const SelectTrigger = React.forwardRef<
 16 |   React.ElementRef<typeof SelectPrimitive.Trigger>,
 17 |   React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>
 18 | >(({ className, children, ...props }, ref) => (
 19 |   <SelectPrimitive.Trigger
 20 |     ref={ref}
 21 |     className={cn(
 22 |       "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
 23 |       className
 24 |     )}
 25 |     {...props}
 26 |   >
 27 |     {children}
 28 |     <SelectPrimitive.Icon asChild>
 29 |       <ChevronDown className="h-4 w-4 opacity-50" />
 30 |     </SelectPrimitive.Icon>
 31 |   </SelectPrimitive.Trigger>
 32 | ))
 33 | SelectTrigger.displayName = SelectPrimitive.Trigger.displayName
 34 | 
 35 | const SelectScrollUpButton = React.forwardRef<
 36 |   React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
 37 |   React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>
 38 | >(({ className, ...props }, ref) => (
 39 |   <SelectPrimitive.ScrollUpButton
 40 |     ref={ref}
 41 |     className={cn(
 42 |       "flex cursor-default items-center justify-center py-1",
 43 |       className
 44 |     )}
 45 |     {...props}
 46 |   >
 47 |     <ChevronUp className="h-4 w-4" />
 48 |   </SelectPrimitive.ScrollUpButton>
 49 | ))
 50 | SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
 51 | 
 52 | const SelectScrollDownButton = React.forwardRef<
 53 |   React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
 54 |   React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>
 55 | >(({ className, ...props }, ref) => (
 56 |   <SelectPrimitive.ScrollDownButton
 57 |     ref={ref}
 58 |     className={cn(
 59 |       "flex cursor-default items-center justify-center py-1",
 60 |       className
 61 |     )}
 62 |     {...props}
 63 |   >
 64 |     <ChevronDown className="h-4 w-4" />
 65 |   </SelectPrimitive.ScrollDownButton>
 66 | ))
 67 | SelectScrollDownButton.displayName =
 68 |   SelectPrimitive.ScrollDownButton.displayName
 69 | 
 70 | const SelectContent = React.forwardRef<
 71 |   React.ElementRef<typeof SelectPrimitive.Content>,
 72 |   React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>
 73 | >(({ className, children, position = "popper", ...props }, ref) => (
 74 |   <SelectPrimitive.Portal>
 75 |     <SelectPrimitive.Content
 76 |       ref={ref}
 77 |       className={cn(
 78 |         "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
 79 |         position === "popper" &&
 80 |           "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
 81 |         className
 82 |       )}
 83 |       position={position}
 84 |       {...props}
 85 |     >
 86 |       <SelectScrollUpButton />
 87 |       <SelectPrimitive.Viewport
 88 |         className={cn(
 89 |           "p-1",
 90 |           position === "popper" &&
 91 |             "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
 92 |         )}
 93 |       >
 94 |         {children}
 95 |       </SelectPrimitive.Viewport>
 96 |       <SelectScrollDownButton />
 97 |     </SelectPrimitive.Content>
 98 |   </SelectPrimitive.Portal>
 99 | ))
100 | SelectContent.displayName = SelectPrimitive.Content.displayName
101 | 
102 | const SelectLabel = React.forwardRef<
103 |   React.ElementRef<typeof SelectPrimitive.Label>,
104 |   React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>
105 | >(({ className, ...props }, ref) => (
106 |   <SelectPrimitive.Label
107 |     ref={ref}
108 |     className={cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className)}
109 |     {...props}
110 |   />
111 | ))
112 | SelectLabel.displayName = SelectPrimitive.Label.displayName
113 | 
114 | const SelectItem = React.forwardRef<
115 |   React.ElementRef<typeof SelectPrimitive.Item>,
116 |   React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>
117 | >(({ className, children, ...props }, ref) => (
118 |   <SelectPrimitive.Item
119 |     ref={ref}
120 |     className={cn(
121 |       "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
122 |       className
123 |     )}
124 |     {...props}
125 |   >
126 |     <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
127 |       <SelectPrimitive.ItemIndicator>
128 |         <Check className="h-4 w-4" />
129 |       </SelectPrimitive.ItemIndicator>
130 |     </span>
131 | 
132 |     <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
133 |   </SelectPrimitive.Item>
134 | ))
135 | SelectItem.displayName = SelectPrimitive.Item.displayName
136 | 
137 | const SelectSeparator = React.forwardRef<
138 |   React.ElementRef<typeof SelectPrimitive.Separator>,
139 |   React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>
140 | >(({ className, ...props }, ref) => (
141 |   <SelectPrimitive.Separator
142 |     ref={ref}
143 |     className={cn("-mx-1 my-1 h-px bg-muted", className)}
144 |     {...props}
145 |   />
146 | ))
147 | SelectSeparator.displayName = SelectPrimitive.Separator.displayName
148 | 
149 | export {
150 |   Select,
151 |   SelectGroup,
152 |   SelectValue,
153 |   SelectTrigger,
154 |   SelectContent,
155 |   SelectLabel,
156 |   SelectItem,
157 |   SelectSeparator,
158 |   SelectScrollUpButton,
159 |   SelectScrollDownButton,
160 | }
161 | 


--------------------------------------------------------------------------------
/src/app/page.tsx:
--------------------------------------------------------------------------------
  1 | import Image from "next/image";
  2 | import { GithubOutlined, XOutlined } from "@ant-design/icons";
  3 | import data from "../../public/data.json"; // 根据实际路径调整
  4 | import SquigglyLines from "@/components/SquigglyLines";
  5 | import Link from "next/link";
  6 | import Footer from "@/components/footer";
  7 | import Ref from "@/components/page/ref";
  8 | import MyTimeLine from "@/components/time-line";
  9 | 
 10 | import { DataType, Grade } from "@/types/lc";
 11 | import { columns } from "@/components/lc/colums";
 12 | import { DataTable } from "@/components/lc/data-table";
 13 | 
 14 | import {
 15 |   Dialog,
 16 |   DialogContent,
 17 |   DialogDescription,
 18 |   DialogHeader,
 19 |   DialogTitle,
 20 |   DialogTrigger,
 21 | } from "@/components/ui/dialog";
 22 | import { Button } from "@/components/ui/button";
 23 | import { Icons } from "@/components/icons";
 24 | 
 25 | async function getData(): Promise<DataType[]> {
 26 |   // Fetch data from your API here.
 27 |   // 直接将导入的JSON赋值给一个变量，类型为DataType[]
 28 |   const dataList: DataType[] = data.map((item) => ({
 29 |     ...item,
 30 |     grade: item.grade as Grade,
 31 |   }));
 32 |   return dataList;
 33 | }
 34 | 
 35 | export default async function Home() {
 36 |   const data = await getData();
 37 |   return (
 38 |     <main className="container space-y-10  min-h-screen items-center   z-[-2] pt-6">
 39 |       <div className="relative flex flex-col  gap-3 place-items-center mb-3 w-full">
 40 |         {/* before:w-full sm:before:w-[480px] before:-translate-x-1/2 before:rounded-full before:bg-gradient-radial before:from-white before:to-transparent before:blur-2xl before:content-[''] before:absolute before:h-[300px] */}
 41 |         {/* after:absolute after:-z-20 after:h-[180px] after:w-full sm:after:w-[240px] after:translate-x-1/3 after:bg-gradient-conic after:from-sky-200 after:via-blue-200 after:blur-2xl after:content-[''] before:dark:bg-gradient-to-br before:dark:from-transparent before:dark:to-blue-700 before:dark:opacity-10 after:dark:from-sky-900 after:dark:via-[#0141ff] after:dark:opacity-40 before:lg:h-[360px] */}
 42 |         {/* <Image
 43 |           className="relative "
 44 |           // dark:drop-shadow-[0_0_0.3rem_#ffffff70] dark:invert
 45 |           src="/next.svg"
 46 |           alt="Next.js Logo"
 47 |           width={180}
 48 |           height={37}
 49 |           priority
 50 |         /> */}
 51 |         <header className="flex flex-col md:flex-row justify-between w-full">
 52 |           <div className="flex gap-3 items-center flex-col md:flex-row">
 53 |             <Link href="/" className="flex gap-2 items-center">
 54 |               <Image
 55 |                 className="relative rounded-full"
 56 |                 // dark:drop-shadow-[0_0_0.3rem_#ffffff70] dark:invert
 57 |                 src="/ai.svg"
 58 |                 alt="Logo"
 59 |                 width={45}
 60 |                 height={40}
 61 |                 priority
 62 |               />
 63 |               <span className="font-semibold text-xl">RunningCode</span>
 64 |             </Link>
 65 |             <Dialog>
 66 |               <DialogTrigger className="hover:text-sky-500 duration-150 transition-all">
 67 |                 Changelog
 68 |               </DialogTrigger>
 69 |               <DialogContent>
 70 |                 <DialogHeader>
 71 |                   <DialogTitle>Changelog</DialogTitle>
 72 |                 </DialogHeader>
 73 |                 <MyTimeLine />
 74 |               </DialogContent>
 75 |             </Dialog>
 76 | 
 77 |             <Link
 78 |               href="https://gpthanghai.com/posts/gpt/gpt-plus.html"
 79 |               target="_blank"
 80 |               className="hover:text-sky-500 duration-150 transition-all"
 81 |             >
 82 |               ⭐️GPT Plus升级
 83 |             </Link>
 84 |           </div>
 85 | 
 86 |           <div className="flex items-center gap-3 ">
 87 |             <Link
 88 |               href="https://github.com/tonyljx/running-leetcode"
 89 |               target="_blank"
 90 |               className="p-2 hover:bg-slate-200/85 transition-colors duration-150 rounded"
 91 |             >
 92 |               <GithubOutlined className="text-[24px]" />
 93 |             </Link>
 94 |             <Link
 95 |               href="https://twitter.com/abc30037274"
 96 |               target="_blank"
 97 |               className="p-2 hover:bg-slate-200/85 transition-colors duration-150 rounded"
 98 |             >
 99 |               <XOutlined className="text-[24px]" />
100 |             </Link>
101 | 
102 |             {/* <Link
103 |               href="https://www.xiaohongshu.com/user/profile/5b69c8ba3cf76d0001fcdab2"
104 |               target="_blank"
105 |               className="p-2 hover:bg-slate-200/85 transition-colors duration-150 rounded"
106 |             >
107 |               <Icons.redbook className="w-[24px] h-[24px]" />
108 |             </Link> */}
109 | 
110 |             <Dialog>
111 |               <DialogTrigger className="p-2 hover:bg-slate-200/85 transition-colors duration-150 rounded">
112 |                 <Icons.wechat className="w-[24px] h-[24px]" />
113 |               </DialogTrigger>
114 |               <DialogContent>
115 |                 <DialogHeader>
116 |                   <DialogTitle>公众号-记录开发过程以及题解</DialogTitle>
117 |                 </DialogHeader>
118 |                 <img src="/wechat-yasuo.png" alt="wechat" />
119 |               </DialogContent>
120 |             </Dialog>
121 |           </div>
122 |         </header>
123 | 
124 |         <h1 className="z-10 mb-3 mt-6 text-4xl font-bold text-black duration-1000 ease-in-out animate-in fade-in slide-in-from-bottom-3">
125 |           Running
126 |           <span className="relative whitespace-nowrap text-[#3290EE]">
127 |             Code
128 |             <SquigglyLines />
129 |           </span>
130 |         </h1>
131 |         <p className="max-w-xl text-center text-slate-400">
132 |           目前面试笔试中大量出现的题目都是出自 剑指 offer、牛客 101 以及 lc
133 |           hot100, 所以我按照分类收录了这些题目, 刷题吧, 王子公主们!🤣
134 |         </p>
135 |         <p>
136 |           目前收录题目数: <span className="font-bold">{data.length}</span>
137 |         </p>
138 |       </div>
139 | 
140 |       <div className="">
141 |         {/* max-w-[1200px] mx-auto md:w-[1200px] w-3xl */}
142 |         {/* container mx-auto */}
143 |         <DataTable columns={columns} data={data} />
144 |       </div>
145 | 
146 |       <Ref className="" />
147 | 
148 |       <Footer />
149 |     </main>
150 |   );
151 | }
152 | 


--------------------------------------------------------------------------------
/src/components/ui/dropdown-menu.tsx:
--------------------------------------------------------------------------------
  1 | "use client"
  2 | 
  3 | import * as React from "react"
  4 | import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
  5 | import { Check, ChevronRight, Circle } from "lucide-react"
  6 | 
  7 | import { cn } from "@/lib/utils"
  8 | 
  9 | const DropdownMenu = DropdownMenuPrimitive.Root
 10 | 
 11 | const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger
 12 | 
 13 | const DropdownMenuGroup = DropdownMenuPrimitive.Group
 14 | 
 15 | const DropdownMenuPortal = DropdownMenuPrimitive.Portal
 16 | 
 17 | const DropdownMenuSub = DropdownMenuPrimitive.Sub
 18 | 
 19 | const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup
 20 | 
 21 | const DropdownMenuSubTrigger = React.forwardRef<
 22 |   React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
 23 |   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
 24 |     inset?: boolean
 25 |   }
 26 | >(({ className, inset, children, ...props }, ref) => (
 27 |   <DropdownMenuPrimitive.SubTrigger
 28 |     ref={ref}
 29 |     className={cn(
 30 |       "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
 31 |       inset && "pl-8",
 32 |       className
 33 |     )}
 34 |     {...props}
 35 |   >
 36 |     {children}
 37 |     <ChevronRight className="ml-auto h-4 w-4" />
 38 |   </DropdownMenuPrimitive.SubTrigger>
 39 | ))
 40 | DropdownMenuSubTrigger.displayName =
 41 |   DropdownMenuPrimitive.SubTrigger.displayName
 42 | 
 43 | const DropdownMenuSubContent = React.forwardRef<
 44 |   React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
 45 |   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
 46 | >(({ className, ...props }, ref) => (
 47 |   <DropdownMenuPrimitive.SubContent
 48 |     ref={ref}
 49 |     className={cn(
 50 |       "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
 51 |       className
 52 |     )}
 53 |     {...props}
 54 |   />
 55 | ))
 56 | DropdownMenuSubContent.displayName =
 57 |   DropdownMenuPrimitive.SubContent.displayName
 58 | 
 59 | const DropdownMenuContent = React.forwardRef<
 60 |   React.ElementRef<typeof DropdownMenuPrimitive.Content>,
 61 |   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
 62 | >(({ className, sideOffset = 4, ...props }, ref) => (
 63 |   <DropdownMenuPrimitive.Portal>
 64 |     <DropdownMenuPrimitive.Content
 65 |       ref={ref}
 66 |       sideOffset={sideOffset}
 67 |       className={cn(
 68 |         "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
 69 |         className
 70 |       )}
 71 |       {...props}
 72 |     />
 73 |   </DropdownMenuPrimitive.Portal>
 74 | ))
 75 | DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
 76 | 
 77 | const DropdownMenuItem = React.forwardRef<
 78 |   React.ElementRef<typeof DropdownMenuPrimitive.Item>,
 79 |   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
 80 |     inset?: boolean
 81 |   }
 82 | >(({ className, inset, ...props }, ref) => (
 83 |   <DropdownMenuPrimitive.Item
 84 |     ref={ref}
 85 |     className={cn(
 86 |       "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
 87 |       inset && "pl-8",
 88 |       className
 89 |     )}
 90 |     {...props}
 91 |   />
 92 | ))
 93 | DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName
 94 | 
 95 | const DropdownMenuCheckboxItem = React.forwardRef<
 96 |   React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
 97 |   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
 98 | >(({ className, children, checked, ...props }, ref) => (
 99 |   <DropdownMenuPrimitive.CheckboxItem
100 |     ref={ref}
101 |     className={cn(
102 |       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
103 |       className
104 |     )}
105 |     checked={checked}
106 |     {...props}
107 |   >
108 |     <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
109 |       <DropdownMenuPrimitive.ItemIndicator>
110 |         <Check className="h-4 w-4" />
111 |       </DropdownMenuPrimitive.ItemIndicator>
112 |     </span>
113 |     {children}
114 |   </DropdownMenuPrimitive.CheckboxItem>
115 | ))
116 | DropdownMenuCheckboxItem.displayName =
117 |   DropdownMenuPrimitive.CheckboxItem.displayName
118 | 
119 | const DropdownMenuRadioItem = React.forwardRef<
120 |   React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
121 |   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
122 | >(({ className, children, ...props }, ref) => (
123 |   <DropdownMenuPrimitive.RadioItem
124 |     ref={ref}
125 |     className={cn(
126 |       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
127 |       className
128 |     )}
129 |     {...props}
130 |   >
131 |     <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
132 |       <DropdownMenuPrimitive.ItemIndicator>
133 |         <Circle className="h-2 w-2 fill-current" />
134 |       </DropdownMenuPrimitive.ItemIndicator>
135 |     </span>
136 |     {children}
137 |   </DropdownMenuPrimitive.RadioItem>
138 | ))
139 | DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
140 | 
141 | const DropdownMenuLabel = React.forwardRef<
142 |   React.ElementRef<typeof DropdownMenuPrimitive.Label>,
143 |   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
144 |     inset?: boolean
145 |   }
146 | >(({ className, inset, ...props }, ref) => (
147 |   <DropdownMenuPrimitive.Label
148 |     ref={ref}
149 |     className={cn(
150 |       "px-2 py-1.5 text-sm font-semibold",
151 |       inset && "pl-8",
152 |       className
153 |     )}
154 |     {...props}
155 |   />
156 | ))
157 | DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName
158 | 
159 | const DropdownMenuSeparator = React.forwardRef<
160 |   React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
161 |   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
162 | >(({ className, ...props }, ref) => (
163 |   <DropdownMenuPrimitive.Separator
164 |     ref={ref}
165 |     className={cn("-mx-1 my-1 h-px bg-muted", className)}
166 |     {...props}
167 |   />
168 | ))
169 | DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName
170 | 
171 | const DropdownMenuShortcut = ({
172 |   className,
173 |   ...props
174 | }: React.HTMLAttributes<HTMLSpanElement>) => {
175 |   return (
176 |     <span
177 |       className={cn("ml-auto text-xs tracking-widest opacity-60", className)}
178 |       {...props}
179 |     />
180 |   )
181 | }
182 | DropdownMenuShortcut.displayName = "DropdownMenuShortcut"
183 | 
184 | export {
185 |   DropdownMenu,
186 |   DropdownMenuTrigger,
187 |   DropdownMenuContent,
188 |   DropdownMenuItem,
189 |   DropdownMenuCheckboxItem,
190 |   DropdownMenuRadioItem,
191 |   DropdownMenuLabel,
192 |   DropdownMenuSeparator,
193 |   DropdownMenuShortcut,
194 |   DropdownMenuGroup,
195 |   DropdownMenuPortal,
196 |   DropdownMenuSub,
197 |   DropdownMenuSubContent,
198 |   DropdownMenuSubTrigger,
199 |   DropdownMenuRadioGroup,
200 | }
201 | 


--------------------------------------------------------------------------------
/public/redbook.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1707318169581" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4220" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M726.51776 457.45152c-6.70208-0.0768-13.39392 0-20.00384-0.0768-2.37056 0-3.0464 1.05984-3.0464 3.23072 0.0768 5.10976 0.0768 10.13248 0.0768 15.232v0.01024c0.07168 4.87936 0 9.7536 0.07168 14.56128 0 3.90656 0.68096 4.66944 4.45952 4.66944 7.1424 0.0768 14.27456 0 21.41696 0.0768 2.67776 0 3.72736-1.28 3.65056-3.75808-0.08704-9.1648-0.08704-18.31936-0.15872-27.48416a6.7584 6.7584 0 0 0-6.46656-6.46144z" fill="#FF2E4D" p-id="4221"></path><path d="M849.92 51.2h-675.84c-67.8656 0-122.88 55.0144-122.88 122.88v675.84c0 67.8656 55.0144 122.88 122.88 122.88h675.84c67.8656 0 122.88-55.0144 122.88-122.88V174.08c0-67.8656-55.0144-122.88-122.88-122.88zM250.78784 505.73312c-0.73728 10.59328-1.41312 21.25312-2.60608 31.8464-2.08896 18.39104-6.24128 36.26496-14.6432 52.864-2.16064 4.12672-5.13536 7.79776-8.18176 12.45696-1.85344-3.90656-3.41504-6.97856-4.82816-10.13248a3203.59424 3203.59424 0 0 1-14.79168-33.56672c-0.52736-1.2032-0.896-2.92352-0.36864-3.97824 3.19488-6.83008 3.41504-14.12096 3.85536-21.40672 0.60416-9.15968 1.35168-18.24256 2.01728-27.39712 0.51712-7.00416 0.80896-13.9776 1.39776-20.96128 0.67584-8.10496 1.49504-16.21504 2.16064-24.24832 0.14848-1.96608 1.04448-2.56 2.82624-2.56 11.0848 0 22.07744 0 33.16224-0.07168 2.37056 0 3.0464 0.98304 2.89792 3.23072-0.96768 14.63296-1.86368 29.28128-2.89792 43.92448z m71.29088 87.32672c-0.73728 9.46176-5.13536 17.49504-12.5696 23.5008-5.43232 4.352-11.74528 6.15936-18.6624 6.08256-5.87264 0-11.66848-0.0768-17.54112 0-2.00192 0-3.27168-0.60416-4.09088-2.55488-3.41504-7.6544-6.90688-15.32416-10.32192-22.97344-0.52736-1.13152-0.67584-2.33472-1.13152-3.456-1.63328-4.12672-1.5616-4.28544 2.97472-4.36224h13.90592c5.94944 0 8.47872-2.46784 8.5504-8.56576 0.07168-4.57216 0.07168-9.14944 0.07168-13.73696V494.2336c0.14848 0.15872 0.22016 0.15872 0.29696 0.15872V408.63744c0-4.28544 0.14848-4.43392 4.38784-4.43392h29.21472c5.13536 0 5.20704 0.14848 5.20704 5.40672 0 27.1872 0 54.36416 0.0768 81.47968 0.0768 23.87456 0.29696 47.75936 0.29696 71.6288 0 10.14272 0.14848 20.26496-0.6656 30.34112z m75.58656-28.90752c-4.98688 11.56096-10.19904 22.97344-15.31904 34.4576-0.45568 1.13664-1.19296 2.25792-2.3808 4.42368v0.01024c-2.97472-4.5056-6.0928-8.18176-8.11008-12.39552-2.82624-6.13888-4.5312-12.83584-7.35744-18.9952-3.0464-6.6816-4.15744-13.88032-5.57568-20.94592-1.1776-6.02112-1.40288-12.25216-1.8432-18.3296-1.2032-15.39584-2.23744-30.78656-3.44064-46.09536a2449.95584 2449.95584 0 0 0-2.0736-25.1648c-0.14848-1.50016 0.2304-2.176 1.94048-2.176 11.52512 0 22.97344-0.14848 34.49856-0.22016 2.1504 0 3.0464 0.96768 3.11808 2.9952 0.29696 4.65408 0.51712 9.31328 0.88576 13.97248 0.29696 3.83488 0.73728 7.6544 1.04448 11.41248 0.51712 5.40672 1.04448 10.81344 1.41312 16.14336 0.51712 6.90688 0.51712 13.81888 1.4848 20.63872 1.34144 10.4448 0.29696 21.10464 3.93216 31.32928 0.89088 2.40128-0.96768 6.08768-2.21696 8.93952z m84.28032 22.016c-2.89792 6.6816-6.02112 13.21472-8.99072 19.82464-1.64352 3.74784-3.19488 7.49568-4.76672 11.25376-1.85344 4.51072-3.11808 5.40672-7.87456 5.40672h-22.2976c-7.52128 0-15.0272 0.23552-22.53312-0.0768-3.56352-0.14336-7.0656-1.27488-10.62912-2.02752-1.792-0.36864-2.16064-1.42336-1.41312-3.14368a3709.71648 3709.71648 0 0 0 13.45024-29.21472c1.04448-2.24768 1.85344-4.65408 3.0464-6.90688 0.29696-0.6144 1.41312-1.28 2.00192-1.13152 12.42112 3.15392 25.13408 2.77504 37.76512 2.63168a874.6496 874.6496 0 0 1 20.07552 0c3.19488 0.00512 3.50208 0.45568 2.16576 3.38432z m3.84-21.86752a4.48512 4.48512 0 0 1-2.74944 1.4336c-13.89568 0.0768-27.8784 0.14848-41.77408-0.0768-4.23936-0.08704-8.5504-1.05472-11.74528-4.28544-3.3536-3.3792-4.98688-7.36256-3.28192-11.93984a897.52576 897.52576 0 0 1 9.58464-24.10496c3.88096-9.15456 7.81312-18.31936 12.05248-28.2368-2.30912-0.14848-3.712-0.29696-5.04832-0.29696-4.09088-0.07168-8.18176 0.29696-12.27264-0.2304-4.45952-0.51712-8.99072-1.04448-12.48256-4.79232-3.42528-3.6864-3.94752-8.04352-2.60608-12.32384 2.1504-6.83008 4.97664-13.44 7.80288-20.04992 2.67776-6.15424 5.72416-12.16 8.47872-18.24256 2.97472-6.53824 5.86752-13.07136 8.77056-19.6096a1361.99168 1361.99168 0 0 0 7.6544-17.33632c0.73728-1.80736 1.8688-2.47808 3.87072-2.47808 10.93632 0.07168 21.92896 0 32.86528 0 3.6352 0 3.712 0.36864 2.29888 3.6864-6.31296 14.63296-12.71808 29.20448-18.95936 43.84768a11.52 11.52 0 0 0-1.19296 4.87936c0.22016 3.90656 1.04448 4.5056 5.06368 4.5056 8.17152 0.0768 16.35328 0 24.448 0 1.64864 0 3.3536 0.22016 4.98688 0.29696 2.30912 0.0768 2.60608 1.05984 1.63328 3.072a2455.21408 2455.21408 0 0 0-13.3888 29.21472c-3.03616 6.91712-5.93408 13.89568-8.9088 20.8128a1530.1632 1530.1632 0 0 1-6.1696 13.80864c-1.94048 4.20352-0.60416 6.31296 4.15232 6.38976 6.02112 0 12.04224 0.0768 18.05824 0 2.08896 0 3.13344 0.60416 2.08896 2.85184-3.6352 8.25344-7.21408 16.58368-10.84928 24.85248-0.67072 1.50016-1.408 3.072-2.3808 4.352z m134.81472 58.73664h-125.3376c-1.72032-0.22016-3.48672-0.22016-5.94432-0.22016v-0.01536c0.88064-2.61632 1.41312-4.41856 2.1504-6.0672 4.69504-10.29632 9.4464-20.5056 14.0544-30.79168 1.04448-2.33472 2.52928-2.92352 4.75648-2.92352h28.6976c4.54656 0 4.75648-0.2304 4.75648-4.74112V461.66016c0-3.97824-0.0768-4.05504-4.08064-4.05504-6.10304 0-12.26752-0.0768-18.36544 0-2.30912 0-3.27168-0.51712-3.27168-3.1488 0.14848-10.97216 0.0768-21.92896 0.0768-32.88576 0-3.90656 0.0768-3.90656 3.86048-3.90656h73.00096c4.23936 0 8.5504 0.0768 12.78976 0 2.01728 0 2.82624 0.82432 2.74944 2.85184-0.0768 11.41248-0.0768 22.82496-0.0768 34.31424 0 2.02752-0.73728 2.77504-2.82624 2.77504-6.6048-0.0768-13.14304 0.07168-19.77856 0.07168-2.29376 0-3.33824 1.05984-3.33824 3.46624 0.0768 18.39104 0.14336 36.7104 0.14336 55.11168 0 20.87424 0 41.74848 0.0768 62.6944 0 3.75808 0.36864 4.21376 4.17792 4.21376h31.4368c3.41504 0 3.87072 0.36864 3.93728 3.81952 0.08704 10.97216 0 21.92896 0.08704 32.89088-0.01024 2.8672-1.57184 3.16416-3.73248 3.16416z m198.69696-34.92864c-0.14848 16.37376-11.008 29.21472-26.38848 32.89088-4.31616 1.05472-8.78592 1.35168-13.24544 1.5104-6.83008 0.22016-13.7472 0.07168-20.58752 0.07168-4.23936 0-5.42208-0.83456-6.9888-4.66432-3.33824-7.95136-6.83008-15.90784-10.26048-23.87456l-0.66048-1.57184c-1.19296-3.072-0.81408-3.61472 2.45248-3.61472 9.43616-0.07168 18.95424 0.15872 28.3904-0.29184 5.65248-0.29696 8.03328-2.85696 8.18688-8.64256 0.22016-11.04384-0.29696-22.07744-0.14848-33.11104 0.0768-5.48864-6.84032-11.42272-11.74528-11.71968a32.8448 32.8448 0 0 0-2.74944-0.14336c-18.73408 0-37.54496 0-56.2688 0.07168-5.27872 0-5.65248 0.53248-5.65248 5.8624l0.20992 77.55776c0 4.14208-0.0768 4.21376-4.23936 4.21376h-31.22176c-4.01408 0-4.3008-0.3072-4.3008-4.28544v-39.94112c0.06144 0.14336 0.13312 0.14336 0.20992 0.14336v-40.99584c0-2.78016-1.85344-2.93888-3.78368-2.93888-10.19392 0.08704-20.44416 0.31232-30.62272 0.31232-6.92224 0-6.17984 0.8192-6.25664-6.38976-0.0768-9.90208 0-19.90144 0-29.80352 0-3.59936 0.36864-4.05504 3.94752-4.13184 10.7008-0.07168 21.33504 0 32.04096-0.07168 4.09088 0 4.31104-0.15872 4.38272-4.21376 0.0768-9.90208-0.0768-19.8144 0-29.73184 0-2.4832-1.04448-3.23072-3.41504-3.23072-6.84544 0.0768-13.76256-0.07168-20.60288 0-2.1504 0-2.89792-0.74752-2.89792-2.92352 0.09216-11.26912 0.09216-22.46144-0.06144-33.72544 0-2.70336 1.03424-3.29216 3.41504-3.29216 6.31296 0.0768 12.6464 0 18.95936 0 4.23424 0 4.45952-0.3072 4.5312-4.74112 0-2.61632 0.14848-5.24288 0-7.87456-0.07168-2.4832 1.04448-3.15904 3.34336-3.15904 9.07776 0.0768 18.22208 0.0768 27.28448 0.0768h4.97664c3.94752 0 4.0192 0 4.1728 4.05504 0.06656 2.4064-0.1536 4.87936-0.08704 7.28576 0.0768 3.3792 0.9728 4.2752 4.31616 4.36224 5.65248 0.0768 11.30496 0.0768 17.024 0.0768 14.6432 0.07168 27.3664 5.09952 37.0176 16.29184 5.35552 6.22592 8.69888 13.81888 9.216 22.14912 0.52736 8.47872 0.15872 17.03936 0.3072 25.52832 0 3.15904 0.22016 6.38976 0.36864 9.53344 0.14336 3.15904 0.896 3.97824 4.09088 3.90656a48.56832 48.56832 0 0 1 19.03104 3.15904c13.00992 5.03808 21.03296 14.18752 23.63904 28.01152a44.4416 44.4416 0 0 1 0.73728 8.33024c0.08192 17.88928 0.06656 35.78368-0.06656 53.6832zM810.14272 453.632c-5.94432 3.90656-12.1856 3.75808-19.4048 3.6864-2.23744 0-5.20192 0.07168-8.09984-0.0768-0.7424-0.07168-2.00704-0.98304-2.08896-1.5872-0.6656-8.84736-1.77152-17.792 1.35168-26.35264 2.75456-7.5776 9.58464-12.01664 17.61792-12.16a19.99872 19.99872 0 0 1 19.32288 14.336c2.30912 8.2688-1.55648 17.42336-8.69888 22.15424z" fill="#FF2E4D" p-id="4222"></path></svg>


--------------------------------------------------------------------------------
/src/app/antd/page.tsx:
--------------------------------------------------------------------------------
  1 | "use client";
  2 | import { Button, Input, Rate, Table, Tag, message } from "antd";
  3 | import Image from "next/image";
  4 | import type { TableColumnsType, TableProps } from "antd";
  5 | import { GithubOutlined, XOutlined } from "@ant-design/icons";
  6 | import data from "../../../public/data.json"; // 根据实际路径调整
  7 | import { useEffect, useState } from "react";
  8 | const { Search } = Input;
  9 | import type { SearchProps } from "antd/es/input/Search";
 10 | import SquigglyLines from "@/components/SquigglyLines";
 11 | import Link from "next/link";
 12 | import Footer from "@/components/footer";
 13 | import { Grade, DataType } from "@/types/lc";
 14 | import { getGradeValue } from "@/lib/utils";
 15 | import { useLocalStorage } from "@/hooks/useLocalStorage";
 16 | import Ref from "@/components/page/ref";
 17 | import CustomModal from "@/components/Modal";
 18 | import MyTimeLine from "@/components/time-line";
 19 | // 配置受控 filter 的 type
 20 | type OnChange = NonNullable<TableProps<DataType>["onChange"]>;
 21 | type Filters = Parameters<OnChange>[1];
 22 | type GetSingle<T> = T extends (infer U)[] ? U : never;
 23 | type Sorts = GetSingle<Parameters<OnChange>[2]>;
 24 | interface Iretain {
 25 |   [key: number]: number;
 26 | }
 27 | 
 28 | const desc = ["terrible", "bad", "normal", "good", "wonderful"];
 29 | 
 30 | export default function Home() {
 31 |   const [filteredInfo, setFilteredInfo] = useState<Filters>({});
 32 |   const [sortedInfo, setSortedInfo] = useState<Sorts>({});
 33 | 
 34 |   // localStorage 存储的记忆数组
 35 |   const [retain, setRetain, clear] = useLocalStorage<Iretain>("remember", {});
 36 | 
 37 |   const handleRetainClick = (record: DataType, value: number) => {
 38 |     // 找到对应的 idx
 39 |     const idx = record.idx;
 40 |     setRetain({ ...retain, [idx]: value });
 41 |     success("成功设置记忆值");
 42 |   };
 43 | 
 44 |   const [dataList, setDataList] = useState<DataType[]>([]);
 45 | 
 46 |   const [filterTableLength, setFilterTableLength] = useState(dataList.length);
 47 |   // console.log(filterTableLength);
 48 | 
 49 |   useEffect(() => {
 50 |     const updatedDataList = data.map((item) => ({
 51 |       ...item,
 52 |       grade: item.grade as Grade,
 53 |       retain: retain[item.idx] || 0,
 54 |     }));
 55 |     setDataList(updatedDataList);
 56 |     setFilterTableLength(updatedDataList.length);
 57 |   }, [retain]);
 58 | 
 59 |   // console.log(dataList.length);
 60 | 
 61 |   // console.log(loading);
 62 | 
 63 |   const columns: TableColumnsType<DataType> = [
 64 |     {
 65 |       title: "index",
 66 |       dataIndex: "idx",
 67 |       key: "idx",
 68 |       hidden: true,
 69 |     },
 70 |     {
 71 |       title: "题目名",
 72 |       dataIndex: "name",
 73 |       key: "name",
 74 |       // filterSearch: true,
 75 |       filteredValue: filteredInfo.name || null,
 76 |       onFilter: (value, record) => {
 77 |         // console.log("name filter ", value, record);
 78 |         if (typeof value === "string") {
 79 |           return record.name.includes(value);
 80 |         }
 81 |         return false;
 82 |       },
 83 |       sorter: (a, b) => a.name.length - b.name.length,
 84 |       sortDirections: ["descend"],
 85 |     },
 86 | 
 87 |     {
 88 |       title: "难度",
 89 |       dataIndex: "grade",
 90 |       key: "grade",
 91 |       filters: [
 92 |         { text: "easy", value: "easy" },
 93 |         { text: "medium", value: "medium" },
 94 |         { text: "hard", value: "hard" },
 95 |       ],
 96 |       filteredValue: filteredInfo.grade || null,
 97 |       render: (value) => {
 98 |         switch (value) {
 99 |           case "easy":
100 |             return <Tag color="cyan">{value}</Tag>;
101 |           case "medium":
102 |             return <Tag color="orange">{value}</Tag>;
103 |           case "hard":
104 |             return <Tag color="red">{value}</Tag>;
105 |           default:
106 |             break;
107 |         }
108 |         return <Tag>{value}</Tag>;
109 |       },
110 |       onFilter: (value, record) => record.grade === (value as string),
111 |       sorter: (a, b) => getGradeValue(a.grade) - getGradeValue(b.grade),
112 |       sortDirections: ["ascend", "descend"],
113 |     },
114 |     {
115 |       title: "分类",
116 |       dataIndex: "algoCategory",
117 |       key: "algoCategory",
118 |       filterMultiple: true,
119 |       filters: [
120 |         { text: "链表", value: "链表" },
121 |         { text: "二叉树", value: "二叉树" },
122 |         { text: "数组	", value: "数组" },
123 |         { text: "字符串", value: "字符串" },
124 |         { text: "回溯", value: "回溯" },
125 |         { text: "栈", value: "栈" },
126 |         { text: "队列", value: "队列" },
127 |         { text: "二分查找", value: "二分查找" },
128 |         { text: "哈希表", value: "哈希表" },
129 |         { text: "动态规划", value: "动态规划" },
130 |         { text: "贪心算法", value: "贪心算法" },
131 |         { text: "滑动窗口", value: "滑动窗口" },
132 |         { text: "堆", value: "堆" },
133 |         { text: "图", value: "图" },
134 |         { text: "位运算", value: "位运算" },
135 |       ],
136 |       filteredValue: filteredInfo.algoCategory || null,
137 |       onFilter: (value, record) => record.algoCategory === (value as string),
138 |     },
139 |     {
140 |       title: "出处",
141 |       dataIndex: "tags",
142 |       key: "tags",
143 |       filterSearch: true,
144 |       filteredValue: filteredInfo.tags || null,
145 |       onFilter: (value, record) => {
146 |         // console.log("出处：", value, record);
147 | 
148 |         if (typeof value === "string") {
149 |           return record.tags.includes(value);
150 |         }
151 | 
152 |         return false;
153 |       },
154 |       filters: [
155 |         { text: "nowcoder101", value: "nowcoder101" },
156 |         { text: "leetcode", value: "🔥 LeetCode Hot 100" },
157 |       ],
158 |       sorter: (a, b) => a.name.length - b.name.length,
159 |       sortDirections: ["descend"],
160 |       render: (_, { tags }) => (
161 |         <>
162 |           {tags.map((tag) => {
163 |             let color = tag.length > 5 ? "geekblue" : "green";
164 |             if (tag === "loser") {
165 |               color = "volcano";
166 |             }
167 |             return (
168 |               <Tag color={color} key={tag}>
169 |                 {tag}
170 |               </Tag>
171 |             );
172 |           })}
173 |         </>
174 |       ),
175 |     },
176 |     {
177 |       title: "URL",
178 |       dataIndex: "url",
179 |       key: "url",
180 |       render: (value) => (
181 |         <a href={value} target="_blank">
182 |           URL
183 |         </a>
184 |       ),
185 |     },
186 |     {
187 |       title: "自评熟练度",
188 |       dataIndex: "retain",
189 |       key: "retain",
190 |       render: (_, record) => (
191 |         <Rate
192 |           onChange={(value) => {
193 |             handleRetainClick(record, value);
194 |           }}
195 |           tooltips={desc}
196 |           key={record.idx}
197 |           value={retain[record.idx]}
198 |         ></Rate>
199 |       ),
200 |     },
201 |   ];
202 | 
203 |   // 搜索函数
204 |   const onSearch: SearchProps["onSearch"] = (value, _e, info) => {
205 |     console.log(info?.source, value);
206 |     setFilteredInfo({
207 |       name: [value],
208 |     });
209 |   };
210 | 
211 |   const [messageApi, contextHolder] = message.useMessage();
212 | 
213 |   const success = (message: string) => {
214 |     messageApi.open({
215 |       type: "success",
216 |       content: message,
217 |     });
218 |   };
219 | 
220 |   const error = (message: string = "error") => {
221 |     messageApi.open({
222 |       type: "error",
223 |       content: message,
224 |     });
225 |   };
226 | 
227 |   const handleChange: OnChange = (pagination, filters, sorter) => {
228 |     // console.log("Various parameters", pagination, filters, sorter);
229 |     setFilteredInfo(filters);
230 |     setSortedInfo(sorter as Sorts);
231 |     // console.log(filters);
232 | 
233 |     // 设置长度
234 |     const filteredData = dataList.filter((item) => {
235 |       return Object.entries(filters).every(([key, value]) => {
236 |         if (!value || value.length === 0) {
237 |           return true;
238 |         }
239 |         return value.includes(item[key]);
240 |       });
241 |     });
242 |     // console.log("filterData ", filteredData);
243 | 
244 |     setFilterTableLength(filteredData.length);
245 |   };
246 | 
247 |   const clearFilters = () => {
248 |     setFilteredInfo({});
249 |     success("重置筛选条件");
250 |   };
251 | 
252 |   const clearAll = () => {
253 |     setFilteredInfo({});
254 |     setSortedInfo({});
255 |     success("重置全部条件");
256 |   };
257 | 
258 |   return (
259 |     <main className="flex min-h-screen flex-col items-center p-8 pt-8 gap-6 bg-slate-100/50 z-[-2]">
260 |       {contextHolder}
261 |       <div className="relative flex  flex-col  gap-3 place-items-center mb-3 w-2/3">
262 |         {/* before:w-full sm:before:w-[480px] before:-translate-x-1/2 before:rounded-full before:bg-gradient-radial before:from-white before:to-transparent before:blur-2xl before:content-[''] before:absolute before:h-[300px] */}
263 |         {/* after:absolute after:-z-20 after:h-[180px] after:w-full sm:after:w-[240px] after:translate-x-1/3 after:bg-gradient-conic after:from-sky-200 after:via-blue-200 after:blur-2xl after:content-[''] before:dark:bg-gradient-to-br before:dark:from-transparent before:dark:to-blue-700 before:dark:opacity-10 after:dark:from-sky-900 after:dark:via-[#0141ff] after:dark:opacity-40 before:lg:h-[360px] */}
264 |         {/* <Image
265 |           className="relative "
266 |           // dark:drop-shadow-[0_0_0.3rem_#ffffff70] dark:invert
267 |           src="/next.svg"
268 |           alt="Next.js Logo"
269 |           width={180}
270 |           height={37}
271 |           priority
272 |         /> */}
273 |         <header className="flex justify-between w-full">
274 |           <Link href="/">
275 |             <Image
276 |               className="relative rounded-full"
277 |               // dark:drop-shadow-[0_0_0.3rem_#ffffff70] dark:invert
278 |               src="/ai.svg"
279 |               alt="Logo"
280 |               width={45}
281 |               height={40}
282 |               priority
283 |             />
284 |           </Link>
285 | 
286 |           <div className="flex items-center gap-3 ">
287 |             <Link
288 |               href="https://github.com/tonyljx/running-leetcode"
289 |               target="_blank"
290 |               className="p-2 hover:bg-slate-200/85 transition-colors duration-150 rounded"
291 |             >
292 |               <GithubOutlined className="text-[24px]" />
293 |             </Link>
294 |             <Link
295 |               href="https://twitter.com/abc30037274"
296 |               target="_blank"
297 |               className="p-2 hover:bg-slate-200/85 transition-colors duration-150 rounded"
298 |             >
299 |               <XOutlined className="text-[24px]" />
300 |             </Link>
301 |             <CustomModal buttonText="Changelog">
302 |               <MyTimeLine />
303 |             </CustomModal>
304 |           </div>
305 |         </header>
306 | 
307 |         <h1 className="z-10 mb-3 mt-6 text-4xl font-bold text-black duration-1000 ease-in-out animate-in fade-in slide-in-from-bottom-3">
308 |           Running
309 |           <span className="relative whitespace-nowrap text-[#3290EE]">
310 |             Code
311 |             <SquigglyLines />
312 |           </span>
313 |         </h1>
314 |         <p className="max-w-xl text-center text-slate-400">
315 |           目前面试笔试中大量出现的题目都是出自 剑指 offer、牛客 101 以及 lc
316 |           hot100, 所以我按照分类收录了这些题目, 刷题吧, 王子公主们!🤣
317 |         </p>
318 |       </div>
319 | 
320 |       <div className="flex gap-3">
321 |         <Search
322 |           placeholder="输入题目名"
323 |           onSearch={onSearch}
324 |           style={{ width: 200 }}
325 |           enterButton
326 |         />
327 |         <Button onClick={clearFilters}>删除筛选</Button>
328 |         <Button onClick={clearAll}>删除筛选过滤</Button>
329 |         <Button
330 |           onClick={() => {
331 |             clear();
332 |             success("删除本地缓存");
333 |           }}
334 |         >
335 |           删除本地缓存
336 |         </Button>
337 |       </div>
338 |       <div className="w-2/3">
339 |         <Table
340 |           className="w-full"
341 |           rowKey="idx"
342 |           columns={columns}
343 |           dataSource={dataList}
344 |           pagination={{
345 |             position: ["bottomCenter"],
346 |             defaultPageSize: 15,
347 |             pageSizeOptions: [10, 15, 20, 25, 30, 50],
348 |             showSizeChanger: true,
349 |           }}
350 |           onChange={handleChange}
351 |           footer={() => <div>收录题目数: {filterTableLength}</div>}
352 |         />
353 |       </div>
354 | 
355 |       <Ref />
356 | 
357 |       <Footer />
358 |     </main>
359 |   );
360 | }
361 | 


--------------------------------------------------------------------------------
/public/ai.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1024" height="1024">
 3 | <path d="M0 0 C337.92 0 675.84 0 1024 0 C1024 337.92 1024 675.84 1024 1024 C686.08 1024 348.16 1024 0 1024 C0 686.08 0 348.16 0 0 Z " fill="#96D8F4" transform="translate(0,0)"/>
 4 | <path d="M0 0 C8.53167359 5.2559551 15.20018802 14.05867402 21.36328125 21.79296875 C25.05111619 26.26544942 29.02331239 30.46228488 32.9765625 34.69921875 C35.11354314 36.9910841 37.20223348 39.31508757 39.25 41.6875 C42.33897394 45.26101887 45.53844069 48.72459273 48.75 52.1875 C52.56032413 56.29676467 56.32088546 60.43431399 59.984375 64.67578125 C62.1591057 67.15362707 64.39338402 69.57328875 66.625 72 C70.7458725 76.51304013 74.62282517 81.1722181 78.4609375 85.92578125 C81.65747174 89.78235072 85.03446754 93.45969624 88.421875 97.1484375 C92.55868687 101.66006119 96.55610823 106.28735491 100.53125 110.94140625 C101.5624583 112.14847313 102.59370948 113.35550337 103.625 114.5625 C104.14473389 115.17109863 104.66446777 115.77969727 105.19995117 116.40673828 C108.22905595 119.94392957 111.30156303 123.43151054 114.4375 126.875 C117.46712868 130.20977114 120.35608092 133.62037639 123.1875 137.125 C126.28148714 140.95205727 129.4783055 144.63030873 132.8125 148.25 C136.57294047 152.33919063 140.07478547 156.54268451 143.50390625 160.91015625 C146.25193263 164.30815061 149.12100958 167.58797364 152 170.875 C200.88579355 226.8836478 254.61968089 295.82551052 249.60058594 374.01513672 C247.66386509 398.23521429 240.1767056 424.35765591 226.75 444.6875 C226.29028809 445.39535645 225.83057617 446.10321289 225.35693359 446.83251953 C205.93264746 476.34633854 177.34866589 498.80102938 142.66015625 506.8828125 C134.6001616 508.5415127 128.96897033 508.69914247 121.85546875 504.2421875 C115.49298589 499.54410183 110.47410323 494.47556245 109.24609375 486.35546875 C109.12861346 479.37713941 109.5032955 474.47184842 113.65625 468.75 C119.74240006 462.754688 125.90308179 459.54461248 133.9375 456.8125 C142.66670539 453.65407606 150.17500517 450.13983144 157.75 444.6875 C158.6884375 444.01203125 159.626875 443.3365625 160.59375 442.640625 C172.55687246 433.43305322 180.90570381 422.00106246 187.75 408.6875 C188.23210937 407.77484375 188.71421875 406.8621875 189.2109375 405.921875 C201.05623463 381.94412203 201.45308804 349.63488179 193.0859375 324.51953125 C182.86981939 295.62813913 165.04720978 270.12418769 146.37109375 246.08984375 C144.01906434 243.05384668 141.72524936 239.97717535 139.43652344 236.89331055 C134.28477005 229.95690252 128.97795925 223.18191709 123.48754883 216.51025391 C119.08336831 211.14788908 114.8959412 205.64753668 110.7734375 200.06640625 C108.90232429 197.45063623 108.90232429 197.45063623 105.75 196.6875 C105.51796875 197.26113281 105.2859375 197.83476562 105.046875 198.42578125 C97.79504062 211.07280566 76.13583671 221.20878108 62.92112732 225.22914124 C56.26080972 227.01867363 49.88704746 227.116631 43.02368164 227.09155273 C41.68193498 227.09726966 40.34019318 227.10423898 38.99845886 227.11235046 C35.3867781 227.13015072 31.77534201 227.12913863 28.16363072 227.12340808 C25.13457731 227.12029723 22.10556963 227.12642955 19.07652277 227.13244683 C11.92410401 227.14644715 4.77180481 227.14496823 -2.38061523 227.13354492 C-9.72944138 227.12206642 -17.07790244 227.13614495 -24.42668051 227.1629414 C-30.76506756 227.18517777 -37.10334069 227.19171804 -43.44176394 227.18586498 C-47.2147383 227.1825133 -50.98747874 227.18479019 -54.76041985 227.20211601 C-58.31064401 227.21771078 -61.86033188 227.21349314 -65.41053581 227.19481087 C-67.31419616 227.18943515 -69.21788134 227.20354295 -71.12149048 227.21850586 C-82.40813607 227.12296535 -91.95640555 223.83221972 -101.8125 218.5 C-102.53429443 218.11271729 -103.25608887 217.72543457 -103.99975586 217.32641602 C-113.72437047 211.95134447 -121.62675 204.70392622 -129.25 196.6875 C-136.92675804 204.11662069 -143.7988065 212.18550605 -150.25 220.6875 C-150.97574219 221.61820313 -151.70148438 222.54890625 -152.44921875 223.5078125 C-158.57598135 231.38085043 -164.45107718 239.42038721 -170.26953125 247.5234375 C-170.77049316 248.21920898 -171.27145508 248.91498047 -171.78759766 249.63183594 C-172.76479534 251.00545939 -173.72804384 252.3891107 -174.67724609 253.78222656 C-175.8219173 255.45002046 -177.03018453 257.07385231 -178.25 258.6875 C-178.91 258.6875 -179.57 258.6875 -180.25 258.6875 C-180.51941406 259.41453125 -180.78882813 260.1415625 -181.06640625 260.890625 C-182.22923414 263.63842952 -183.56105828 265.94017628 -185.1875 268.4375 C-185.80625 269.39914062 -186.425 270.36078125 -187.0625 271.3515625 C-188.65146934 273.77474074 -190.25541108 276.18346925 -191.875 278.5859375 C-197.58670621 287.13197154 -202.42177123 295.68004978 -206.59375 305.078125 C-208.25 308.6875 -208.25 308.6875 -209.78125 311.125 C-222.87838705 333.97532421 -223.1572418 366.149198 -217.03369141 390.94091797 C-209.43670155 417.56588241 -193.00506998 437.86183356 -169.25 451.6875 C-163.38937131 454.78594714 -157.42135729 456.95739159 -151.125 459 C-143.46420233 461.67413135 -137.77635718 465.5019563 -133.54296875 472.515625 C-131.00990443 478.72966798 -131.0525267 486.00992644 -133.12890625 492.38671875 C-136.67635589 499.28258621 -141.64059013 504.04327253 -149 506.5625 C-167.91242763 511.23398287 -186.24384967 501.1385938 -202.3046875 491.9375 C-237.43218582 470.44305344 -257.8385964 435.56989827 -268.25 396.6875 C-268.59160156 395.56214844 -268.93320312 394.43679688 -269.28515625 393.27734375 C-278.96487435 357.26252215 -270.57116272 317.33673826 -254.25 284.6875 C-253.85280762 283.88650879 -253.45561523 283.08551758 -253.04638672 282.26025391 C-238.5854117 253.52191763 -219.03791798 226.95805767 -199.25 201.6875 C-198.82009766 201.13674805 -198.39019531 200.58599609 -197.94726562 200.01855469 C-191.70060121 192.01644078 -185.38259307 184.07232866 -179.02734375 176.15625 C-177.36226632 174.08124664 -175.70940435 171.99894167 -174.06640625 169.90625 C-169.8013633 164.48269438 -165.29293185 159.35408283 -160.625 154.2734375 C-155.90343898 149.13252731 -151.3839694 143.86896651 -147 138.4375 C-143.27248888 133.84784345 -139.36165983 129.49408676 -135.33691406 125.16894531 C-132.34616078 121.93609336 -129.51242959 118.62080535 -126.75 115.1875 C-123.11800391 110.67344772 -119.2906487 106.41485725 -115.34472656 102.17895508 C-112.259221 98.84606775 -109.34835139 95.41606269 -106.5 91.875 C-104.03761239 88.81447922 -101.57549791 85.91579041 -98.75 83.1875 C-95.94474298 80.47853326 -93.50370468 77.60414461 -91.0625 74.5625 C-86.61250413 69.03233419 -81.85587423 63.856158 -77.01953125 58.66796875 C-73.67598121 55.08104845 -70.45092742 51.40184351 -67.25 47.6875 C-66.22817702 46.50754187 -65.20600658 45.32788458 -64.18359375 44.1484375 C-63.34501831 43.18103638 -63.34501831 43.18103638 -62.48950195 42.1940918 C-61.91546631 41.5319165 -61.34143066 40.86974121 -60.75 40.1875 C-59.60674702 38.86851022 -58.46351721 37.54950036 -57.3203125 36.23046875 C-56.78438477 35.61220215 -56.24845703 34.99393555 -55.69628906 34.35693359 C-54.54382849 33.0266626 -53.39276789 31.69517879 -52.2421875 30.36328125 C-45.19966902 22.24907518 -37.94049265 14.31595636 -30.4375 6.625 C-29.58542969 5.74714844 -28.73335937 4.86929688 -27.85546875 3.96484375 C-20.53912027 -2.43010552 -9.07344234 -3.84021211 0 0 Z " fill="#00405C" transform="translate(519.25,236.3125)"/>
 5 | <path d="M0 0 C5.26316327 3.56824629 8.75022467 7.73051497 10.82421875 13.78125 C12.24370153 21.73966168 10.39851712 28.1984399 5.82421875 34.78125 C1.81342631 39.33156528 -3.33306388 42.1389433 -8.515625 45.171875 C-42.27077491 65.59349286 -61.16475242 99.26059655 -70.63378906 136.56494141 C-71.1039792 138.48763782 -71.53058891 140.42089146 -71.94921875 142.35546875 C-73.60443754 149.95973862 -75.88198238 156.76691645 -82.49609375 161.41015625 C-84.68825823 162.6472137 -86.87977962 163.75264127 -89.17578125 164.78125 C-89.83578125 165.11125 -90.49578125 165.44125 -91.17578125 165.78125 C-98.46807493 166.78140833 -103.85857165 165.82874929 -109.953125 161.65625 C-118.9819862 154.03963598 -120.5806608 142.93734084 -123.02734375 131.9609375 C-130.22809726 100.9663898 -148.30768403 68.62548019 -175.3828125 50.65234375 C-178.62814092 48.66132154 -181.89515806 46.71344662 -185.17578125 44.78125 C-192.71896002 40.21030884 -199.38400711 35.50868807 -202.17578125 26.78125 C-203.00782583 19.45049929 -203.33682117 12.53668797 -198.734375 6.4609375 C-192.67714843 -0.06690065 -187.57182433 -3.464329 -178.42578125 -3.84375 C-158.61492648 -3.93208178 -139.72594558 12.93195624 -126.17578125 25.78125 C-124.44858615 27.30432205 -122.71939743 28.82513611 -120.98828125 30.34375 C-114.02175344 36.65142789 -108.40585549 43.68896076 -102.73828125 51.15625 C-102.19316895 51.87111572 -101.64805664 52.58598145 -101.08642578 53.32250977 C-100.58095215 53.99725342 -100.07547852 54.67199707 -99.5546875 55.3671875 C-99.09650635 55.9761084 -98.6383252 56.5850293 -98.16625977 57.21240234 C-97.17578125 58.78125 -97.17578125 58.78125 -97.17578125 60.78125 C-93.84498204 57.64078217 -91.15117737 54.46765232 -88.53662109 50.71850586 C-82.89934212 42.69342357 -76.4678569 35.6602159 -69.55078125 28.71875 C-68.68066406 27.83896484 -67.81054688 26.95917969 -66.9140625 26.05273438 C-61.38805553 20.59757365 -55.684229 16.0067532 -49.17578125 11.78125 C-48.48033203 11.32065186 -47.78488281 10.86005371 -47.06835938 10.38549805 C-16.83805753 -9.43173061 -16.83805753 -9.43173061 0 0 Z " fill="#003F5B" transform="translate(604.17578125,657.21875)"/>
 6 | <path d="M0 0 C6.78560623 4.48106072 9.53277977 10.72479661 12.7734375 17.9296875 C17.87781355 29.24336524 17.87781355 29.24336524 28 36 C32.98315052 37.34869107 38.01717712 37.16261731 43.1394043 37.17700195 C44.15794998 37.18357315 45.17649567 37.19014435 46.22590637 37.19691467 C49.5920113 37.21660227 52.95807171 37.22830038 56.32421875 37.23828125 C57.47660349 37.24235678 58.62898823 37.2464323 59.81629372 37.25063133 C65.91618291 37.27147299 72.01604973 37.28578282 78.1159668 37.29516602 C84.40270296 37.30622475 90.68908464 37.34062442 96.97569561 37.38033772 C101.82201274 37.40653358 106.66824576 37.41486053 111.51462746 37.41844749 C113.83136196 37.42330592 116.14809289 37.43489855 118.46475792 37.45348549 C121.71466229 37.47793882 124.96365406 37.47690021 128.21362305 37.4699707 C129.16099335 37.48278076 130.10836365 37.49559082 131.08444214 37.50878906 C138.21917559 37.45364534 145.31365769 36.1595074 150.88413525 31.3851366 C154.83122426 27.22155526 156.91277278 22.27113314 159 17 C162.69922048 7.65790082 166.98030742 1.14703662 176.34765625 -3.12109375 C182.11780511 -5.03314602 187.04229444 -4.65256852 192.75 -2.75 C193.8225 -2.1725 194.895 -1.595 196 -1 C197.010625 -0.46375 198.02125 0.0725 199.0625 0.625 C204.17427998 4.75792849 208.49894389 10.6837595 209.2734375 17.35546875 C209.77284148 31.28115667 204.65880297 43.5711661 197 55 C196.61650391 55.57524414 196.23300781 56.15048828 195.83789062 56.74316406 C184.08355007 74.22517612 170.09127652 85.68177964 149 90 C144.65016815 90.40941455 140.33089413 90.44090124 135.96386719 90.43579102 C134.70863754 90.44586685 133.4534079 90.45594269 132.16014099 90.46632385 C128.74856837 90.48978049 125.33754387 90.49984694 121.92592907 90.50177121 C119.78545785 90.5039177 117.64504249 90.51034864 115.50458527 90.51826286 C108.01132108 90.54593689 100.51821594 90.55827845 93.02490234 90.5559082 C86.08155951 90.55410817 79.13891758 90.58573885 72.19575191 90.63313919 C66.19955872 90.67259022 60.20359255 90.68845058 54.20727086 90.68654197 C50.64139504 90.68578353 47.07614331 90.6939691 43.51039886 90.72607613 C15.19876959 90.96341874 15.19876959 90.96341874 3 84 C1.99193298 83.45585953 0.98386597 82.91171906 -0.05474854 82.35108948 C-18.072712 72.24906252 -30.31943226 52.97133985 -37 33.875 C-38.89808879 26.53076101 -39.61436321 17.6145886 -36.4375 10.5625 C-27.82401463 -3.50217716 -14.58313224 -7.45087765 0 0 Z " fill="#00405B" transform="translate(423,513)"/>
 7 | <path d="M0 0 C5.03741659 4.17642957 9.5784795 8.55675487 14 13.375 C14.61665527 14.04128418 15.23331055 14.70756836 15.86865234 15.39404297 C19.36321614 19.18128691 22.80327703 23.00736264 26.1640625 26.9140625 C28.72491983 29.82363231 31.36415072 32.6584259 34 35.5 C37.80719454 39.60579803 41.56313532 43.74128327 45.2265625 47.9765625 C47.45138092 50.51501171 49.72503319 53.00641776 52 55.5 C54.82577384 58.59731967 57.63218779 61.7040415 60.375 64.875 C62.53198015 67.36739572 64.73879296 69.80205995 66.9921875 72.20703125 C67.5279541 72.78018066 68.0637207 73.35333008 68.61572266 73.94384766 C69.68182034 75.08129458 70.75164606 76.21526212 71.82568359 77.34521484 C75.6962595 81.47743514 78.71565748 84.90297388 79.5 90.6875 C79.24294203 97.13843091 75.9939804 102.95489189 71.5625 107.5 C64.85686524 111.42524961 58.53902771 111.29657234 50.97119141 111.29052734 C49.1603582 111.30060318 49.1603582 111.30060318 47.3129425 111.31088257 C44.01320186 111.32659344 40.71371296 111.33323567 37.41395235 111.33451414 C35.34912198 111.33593918 33.28431773 111.34021543 31.21949387 111.34550858 C24.00666386 111.36399081 16.79390759 111.37218138 9.58105469 111.37060547 C2.87243456 111.36940426 -3.83586376 111.39050693 -10.54440248 111.4220928 C-16.31701517 111.44829723 -22.08952299 111.45897104 -27.86219466 111.45769465 C-31.30426532 111.45718627 -34.7460497 111.46279999 -38.18806076 111.48405075 C-42.02963435 111.50712284 -45.87077088 111.49788673 -49.71240234 111.48583984 C-50.84305618 111.49707886 -51.97371002 111.50831787 -53.1386261 111.51989746 C-60.75861818 111.45925406 -66.26983026 110.38916542 -72.09375 105.09765625 C-75.93351873 99.54065761 -76.92991617 94.81288388 -76.5703125 88.06640625 C-75.65399364 83.13962334 -73.43753878 80.51954766 -70 77 C-68.39393772 75.23088572 -66.78992126 73.4599129 -65.1875 71.6875 C-64.32769531 70.75679688 -63.46789062 69.82609375 -62.58203125 68.8671875 C-60.07727288 66.0858068 -57.71629421 63.23204131 -55.375 60.3125 C-52.08591595 56.23588878 -48.63080282 52.52019864 -44.87890625 48.87109375 C-42.4871961 46.48932834 -40.3126285 43.95675867 -38.11328125 41.3984375 C-34.78197089 37.61761576 -31.32904239 33.95020575 -27.88208008 30.27490234 C-25.07290434 27.26993687 -22.3162579 24.23288159 -19.62109375 21.125 C-15.71824376 16.6386171 -11.65109158 12.31677464 -7.5625 8 C-6.83095703 7.22527344 -6.09941406 6.45054687 -5.34570312 5.65234375 C-3.56509786 3.766997 -1.78318322 1.88290809 0 0 Z " fill="#96D8F5" transform="translate(507,300)"/>
 8 | <path d="M0 0 C2 3 2 3 1.80078125 4.9453125 C0.89095863 7.2797842 -0.25656478 8.9133399 -1.8125 10.875 C-3.75198781 13.35866065 -5.57427491 15.83148684 -7.25 18.5 C-8.11625 19.7375 -8.11625 19.7375 -9 21 C-9.66 21 -10.32 21 -11 21 C-11.2475 21.78375 -11.495 22.5675 -11.75 23.375 C-13.15389099 26.32317108 -14.00675737 26.9024777 -17 28 C-16.87625 29.546875 -16.87625 29.546875 -16.75 31.125 C-17.03807561 35.59017199 -18.28644717 37.52326044 -21 41 C-21.99 40.67 -22.98 40.34 -24 40 C-19.81307757 31.2252796 -15.51405957 22.84735866 -9.9609375 14.8359375 C-7.30321052 10.99229251 -4.83259223 7.03868329 -2.34765625 3.08203125 C-1 1 -1 1 0 0 Z " fill="#69D2EC" transform="translate(337,499)"/>
 9 | <path d="M0 0 C1 2 1 2 0.25 4.3125 C-1.01546306 7.03324558 -2.38801407 9.46687926 -4 12 C-4.44601562 12.74121094 -4.89203125 13.48242188 -5.3515625 14.24609375 C-5.85429687 15.05175781 -6.35703125 15.85742188 -6.875 16.6875 C-7.34679687 17.45449219 -7.81859375 18.22148437 -8.3046875 19.01171875 C-10.32139494 21.37693554 -12.07008041 22.07136447 -15 23 C-15 24.32 -15 25.64 -15 27 C-16.65 27.66 -18.3 28.32 -20 29 C-19.67 27.68 -19.34 26.36 -19 25 C-18.34 25 -17.68 25 -17 25 C-16.61908203 23.90751953 -16.61908203 23.90751953 -16.23046875 22.79296875 C-14.92163623 19.82212668 -13.39786964 17.79118101 -11.3125 15.3125 C-7.26104139 10.38705214 -3.58784823 5.26965208 0 0 Z " fill="#68D0EA" transform="translate(358,470)"/>
10 | <path d="M0 0 C1.15625 3.6953125 1.15625 3.6953125 -0.25 6.4375 C-1.11625 7.7059375 -1.11625 7.7059375 -2 9 C-2.495 9.845625 -2.99 10.69125 -3.5 11.5625 C-6.25 16.03125 -6.25 16.03125 -8 18 C-8.99 18 -9.98 18 -11 18 C-11.144375 18.61875 -11.28875 19.2375 -11.4375 19.875 C-12 22 -12 22 -13 24 C-13.66 24 -14.32 24 -15 24 C-15 24.66 -15 25.32 -15 26 C-16.32 25.67 -17.64 25.34 -19 25 C-18.63390625 24.61972656 -18.2678125 24.23945312 -17.890625 23.84765625 C-11.14279654 16.50537624 -5.65669227 8.18735445 0 0 Z " fill="#6DCDEB" transform="translate(747,678)"/>
11 | <path d="M0 0 C0.33 0 0.66 0 1 0 C1.54241113 6.64453639 0.94958619 10.55597579 -3 16 C-5.625 18.25 -5.625 18.25 -8 20 C-8.66 20.99 -9.32 21.98 -10 23 C-10.99 22.67 -11.98 22.34 -13 22 C-12.56429687 21.41734375 -12.12859375 20.8346875 -11.6796875 20.234375 C-7.01146288 13.80798786 -3.37025526 7.18493978 0 0 Z " fill="#5CC9E6" transform="translate(627,553)"/>
12 | <path d="M0 0 C1.26403575 3.59566927 0.73990566 6.05299344 -0.25 9.6875 C-0.50265625 10.66074219 -0.7553125 11.63398437 -1.015625 12.63671875 C-1.34046875 13.41660156 -1.6653125 14.19648437 -2 15 C-2.99 15.33 -3.98 15.66 -5 16 C-4.896875 16.763125 -4.79375 17.52625 -4.6875 18.3125 C-4.790625 19.199375 -4.89375 20.08625 -5 21 C-7.5 22.8125 -7.5 22.8125 -10 24 C-8.34779511 18.66210728 -6.01169079 13.94244632 -3.4375 9 C-2.02307175 6.04814974 -0.96687342 3.12374489 0 0 Z " fill="#63C0E0" transform="translate(758,654)"/>
13 | <path d="M0 0 C0 3.37075543 -0.70458685 4.71273253 -2.3125 7.625 C-2.74175781 8.42164063 -3.17101562 9.21828125 -3.61328125 10.0390625 C-5 12 -5 12 -8 13 C-8.99 14.485 -8.99 14.485 -10 16 C-12.125 16.6875 -12.125 16.6875 -14 17 C-11.6315417 12.64300674 -8.68427143 9.26810372 -5.3125 5.6875 C-4.80138672 5.13771484 -4.29027344 4.58792969 -3.76367188 4.02148438 C-2.51302966 2.6773362 -1.25705376 1.338154 0 0 Z " fill="#64C4E2" transform="translate(489,319)"/>
14 | <path d="M0 0 C1 2 1 2 0.4375 5.3125 C-1.35089172 9.90011354 -3.11690775 11.10833556 -7 14 C-7.33 14.66 -7.66 15.32 -8 16 C-8.66 16 -9.32 16 -10 16 C-8.61936434 12.14254559 -6.82183102 9.07512134 -4.4375 5.75 C-3.81746094 4.87859375 -3.19742188 4.0071875 -2.55859375 3.109375 C-1 1 -1 1 0 0 Z " fill="#57BFD9" transform="translate(565,727)"/>
15 | <path d="M0 0 C0.33 1.32 0.66 2.64 1 4 C0.01 4.33 -0.98 4.66 -2 5 C-2.15339844 5.62390625 -2.30679687 6.2478125 -2.46484375 6.890625 C-3.16174588 9.63753852 -4.22868522 10.22241214 -6.5625 11.75 C-7.20316406 12.17796875 -7.84382813 12.6059375 -8.50390625 13.046875 C-9.24447266 13.51867187 -9.24447266 13.51867187 -10 14 C-10.66 13.67 -11.32 13.34 -12 13 C-8.04 8.71 -4.08 4.42 0 0 Z " fill="#59C7E2" transform="translate(462,349)"/>
16 | <path d="M0 0 C0.33 0.66 0.66 1.32 1 2 C0.67 2.99 0.34 3.98 0 5 C-0.66 5 -1.32 5 -2 5 C-1.68095703 5.87398437 -1.68095703 5.87398437 -1.35546875 6.765625 C-1 9 -1 9 -1.92578125 10.921875 C-2.61220703 11.82679688 -2.61220703 11.82679688 -3.3125 12.75 C-3.98732422 13.67039062 -3.98732422 13.67039062 -4.67578125 14.609375 C-5.11277344 15.06828125 -5.54976562 15.5271875 -6 16 C-6.66 16 -7.32 16 -8 16 C-6.25267359 9.73519555 -4.02879721 5.11766132 0 0 Z " fill="#6ECDE4" transform="translate(554,743)"/>
17 | <path d="M0 0 C0.33 1.32 0.66 2.64 1 4 C-0.98 4.99 -0.98 4.99 -3 6 C-3 6.66 -3 7.32 -3 8 C-3.66 8 -4.32 8 -5 8 C-5.33 8.99 -5.66 9.98 -6 11 C-7.65 11.33 -9.3 11.66 -11 12 C-7.49102731 7.81576108 -3.91939465 3.80411834 0 0 Z " fill="#74CAEA" transform="translate(577,715)"/>
18 | <path d="M0 0 C0.66 0.33 1.32 0.66 2 1 C0.75965588 2.32162881 -0.49268626 3.63200453 -1.75 4.9375 C-2.44609375 5.66839844 -3.1421875 6.39929688 -3.859375 7.15234375 C-6.94542192 9.81603023 -8.99908764 10 -13 10 C-11.58367866 8.89539041 -10.16692736 7.79133212 -8.75 6.6875 C-7.96109375 6.07261719 -7.1721875 5.45773437 -6.359375 4.82421875 C-4.2537703 3.19620982 -2.13390657 1.59064137 0 0 Z " fill="#76C0E0" transform="translate(594,702)"/>
19 | <path d="M0 0 C1.21173548 3.58327493 0.85034764 6.42285625 0.25 10.125 C0.09015625 11.17945313 -0.0696875 12.23390625 -0.234375 13.3203125 C-1 16 -1 16 -4 18 C-3.41632611 11.69632197 -1.95928381 6.01339937 0 0 Z " fill="#72B4CE" transform="translate(304,559)"/>
20 | <path d="M0 0 C0.66 1.32 1.32 2.64 2 4 C0.35 4.66 -1.3 5.32 -3 6 C-3 7.32 -3 8.64 -3 10 C-4.65 10.66 -6.3 11.32 -8 12 C-7.67 10.68 -7.34 9.36 -7 8 C-6.34 8 -5.68 8 -5 8 C-4.731875 7.236875 -4.46375 6.47375 -4.1875 5.6875 C-3.05575888 3.12619116 -2.08776599 1.80307062 0 0 Z " fill="#5AC6E4" transform="translate(346,487)"/>
21 | <path d="M0 0 C0.33 0.66 0.66 1.32 1 2 C-0.81291649 5.81666629 -2.29070176 7.20517827 -6 9 C-7.26804566 11.0335948 -7.26804566 11.0335948 -8 13 C-8.99 12.67 -9.98 12.34 -11 12 C-9.54234835 10.37438849 -8.08385614 8.74953066 -6.625 7.125 C-5.81289063 6.22007812 -5.00078125 5.31515625 -4.1640625 4.3828125 C-2.80923795 2.89103817 -1.42494565 1.42494565 0 0 Z " fill="#58C6E2" transform="translate(474,336)"/>
22 | <path d="M0 0 C0.99 0 1.98 0 3 0 C2.43454163 3.95820859 1.19097652 6.6659053 -1 10 C-1.99 9.67 -2.98 9.34 -4 9 C-2.68 6.03 -1.36 3.06 0 0 Z " fill="#73D1EB" transform="translate(317,530)"/>
23 | <path d="M0 0 C0.33 0.99 0.66 1.98 1 3 C-2.03797468 8.62587904 -2.03797468 8.62587904 -5.25 9.875 C-5.8275 9.91625 -6.405 9.9575 -7 10 C-7 10.66 -7 11.32 -7 12 C-7.66 12 -8.32 12 -9 12 C-7.55575365 8.76138697 -5.74227753 6.38030837 -3.375 3.75 C-2.74335938 3.04359375 -2.11171875 2.3371875 -1.4609375 1.609375 C-0.97882813 1.07828125 -0.49671875 0.5471875 0 0 Z " fill="#6ACFE4" transform="translate(449,363)"/>
24 | <path d="M0 0 C0.33 0 0.66 0 1 0 C1.35050464 5.841744 1.16727335 9.8531808 -2 15 C-2.97161849 11.94145449 -2.99142062 10.01744728 -2.125 6.9375 C-1.94195313 6.26589844 -1.75890625 5.59429688 -1.5703125 4.90234375 C-1.07756153 3.25871552 -0.54261564 1.62784691 0 0 Z " fill="#73CFED" transform="translate(627,553)"/>
25 | <path d="M0 0 C0.33 0.99 0.66 1.98 1 3 C-2.16952847 6.26008643 -5.39937989 9.22237877 -9 12 C-9.66 11.67 -10.32 11.34 -11 11 C-7.37 7.37 -3.74 3.74 0 0 Z " fill="#6CC3E2" transform="translate(727,704)"/>
26 | <path d="M0 0 C0.99 0.33 1.98 0.66 3 1 C0.64315404 4.34920216 -2.06799526 7.14723863 -5 10 C-5.33 8.68 -5.66 7.36 -6 6 C-5.01 6 -4.02 6 -3 6 C-2.690625 5.195625 -2.38125 4.39125 -2.0625 3.5625 C-1 1 -1 1 0 0 Z " fill="#7FE2FD" transform="translate(469,343)"/>
27 | <path d="M0 0 C0.8440534 2.36334952 1.1709445 3.55839337 0.25 5.9375 C-0.1625 6.618125 -0.575 7.29875 -1 8 C-1.53625 8.9075 -2.0725 9.815 -2.625 10.75 C-3.305625 11.86375 -3.305625 11.86375 -4 13 C-5 11 -5 11 -4.2578125 8.65234375 C-3.88398438 7.75644531 -3.51015625 6.86054687 -3.125 5.9375 C-2.75632812 5.03902344 -2.38765625 4.14054688 -2.0078125 3.21484375 C-1 1 -1 1 0 0 Z " fill="#64B3CF" transform="translate(310,545)"/>
28 | <path d="M0 0 C1.32 0 2.64 0 4 0 C3.61402985 2.79828356 3.19863427 3.8205884 1.0625 5.75 C-1 7 -1 7 -3 7 C-2.25 2.25 -2.25 2.25 0 0 Z " fill="#7AE3FC" transform="translate(340,497)"/>
29 | <path d="M0 0 C0.33 0.66 0.66 1.32 1 2 C-2.14754098 8.64480874 -2.14754098 8.64480874 -5.25 9.9375 C-5.8275 9.958125 -6.405 9.97875 -7 10 C-5.6062718 5.56541027 -3.39417765 3.12621626 0 0 Z " fill="#6CC7E4" transform="translate(371,454)"/>
30 | <path d="M0 0 C0.99 0.33 1.98 0.66 3 1 C1.71937515 2.7074998 0.38232443 4.37373596 -1 6 C-1.66 6 -2.32 6 -3 6 C-3 6.66 -3 7.32 -3 8 C-4.65 8.66 -6.3 9.32 -8 10 C-7.04367001 8.70684939 -6.08486149 7.41553147 -5.125 6.125 C-4.59132813 5.40570313 -4.05765625 4.68640625 -3.5078125 3.9453125 C-2 2 -2 2 0 0 Z " fill="#094360" transform="translate(357,392)"/>
31 | <path d="M0 0 C0.66 0.33 1.32 0.66 2 1 C1 4 1 4 -2 6 C-2.99 6 -3.98 6 -5 6 C-5.33 6.66 -5.66 7.32 -6 8 C-6.99 7.67 -7.98 7.34 -9 7 C-6.03 4.69 -3.06 2.38 0 0 Z " fill="#6DBFDD" transform="translate(714,716)"/>
32 | <path d="M0 0 C1.33332095 2.6666419 0.67102033 4.16680303 0 7 C-0.99 7 -1.98 7 -3 7 C-3.66 8.32 -4.32 9.64 -5 11 C-5.33 10.34 -5.66 9.68 -6 9 C-4.02 6.03 -2.04 3.06 0 0 Z " fill="#54C6E0" transform="translate(337,499)"/>
33 | <path d="M0 0 C1 4 1 4 -0.9375 7.25 C-1.618125 8.1575 -2.29875 9.065 -3 10 C-3.99 9.67 -4.98 9.34 -6 9 C-4.02 6.03 -2.04 3.06 0 0 Z " fill="#61C7E3" transform="translate(747,678)"/>
34 | <path d="M0 0 C1.60031344 3.20062687 0.03173691 5.72271806 -1 9 C-1.66 9 -2.32 9 -3 9 C-3.36923077 3.46153846 -3.36923077 3.46153846 -1.5 1.125 C-1.005 0.75375 -0.51 0.3825 0 0 Z " fill="#68C8E4" transform="translate(565,727)"/>
35 | <path d="M0 0 C0.66 0.33 1.32 0.66 2 1 C-1.44615385 5.8 -1.44615385 5.8 -4.25 6.8125 C-5.11625 6.9053125 -5.11625 6.9053125 -6 7 C-6 7.66 -6 8.32 -6 9 C-6.66 9 -7.32 9 -8 9 C-6.59645587 5.49113968 -5.35634177 4.5732852 -2 3 C-1.34 2.01 -0.68 1.02 0 0 Z " fill="#77D4EF" transform="translate(619,572)"/>
36 | <path d="M0 0 C0.33 0 0.66 0 1 0 C1.05422947 1.4370809 1.09289723 2.87475462 1.125 4.3125 C1.14820313 5.11300781 1.17140625 5.91351562 1.1953125 6.73828125 C1 9 1 9 -1 12 C-1.66 12 -2.32 12 -3 12 C-2.01 8.04 -1.02 4.08 0 0 Z " fill="#68AECD" transform="translate(631,540)"/>
37 | <path d="M0 0 C0.99 0.33 1.98 0.66 3 1 C2.39816251 3.02045442 1.72693904 5.02111039 1 7 C0.01 7.495 0.01 7.495 -1 8 C-1.04241723 5.66705225 -1.04092937 3.33297433 -1 1 C-0.67 0.67 -0.34 0.34 0 0 Z " fill="#105F7A" transform="translate(545,752)"/>
38 | <path d="M0 0 C0.33 0.99 0.66 1.98 1 3 C-0.21484375 4.82421875 -0.21484375 4.82421875 -1.9375 6.6875 C-2.50339844 7.31011719 -3.06929687 7.93273437 -3.65234375 8.57421875 C-4.09707031 9.04472656 -4.54179688 9.51523437 -5 10 C-5.66 9.01 -6.32 8.02 -7 7 C-6.21625 6.401875 -5.4325 5.80375 -4.625 5.1875 C-1.85425677 3.08914751 -1.85425677 3.08914751 0 0 Z " fill="#8ACBE7" transform="translate(611,689)"/>
39 | <path d="M0 0 C0.66 0.33 1.32 0.66 2 1 C-0.36595933 3.61500768 -2.86049226 5.38999603 -6 7 C-6.66 6.67 -7.32 6.34 -8 6 C-3.375 1.125 -3.375 1.125 0 0 Z " fill="#6AD4EC" transform="translate(458,356)"/>
40 | <path d="M0 0 C0.97140086 3.02213602 1.19248372 5.0187907 0 8 C-0.99 8.66 -1.98 9.32 -3 10 C-2.39009109 6.44219804 -1.4216319 3.3171411 0 0 Z " fill="#55A7BE" transform="translate(542,764)"/>
41 | <path d="M0 0 C0.66 0.66 1.32 1.32 2 2 C0.35 3.65 -1.3 5.3 -3 7 C-3.33 6.34 -3.66 5.68 -4 5 C-2.52830189 1.26415094 -2.52830189 1.26415094 0 0 Z " fill="#81DBF8" transform="translate(751,676)"/>
42 | <path d="M0 0 C1 2 1 2 0.25 4.4375 C-0.93098981 6.85852911 -1.9831559 8.25818009 -4 10 C-3.5205537 5.78087253 -2.83374881 3.20336822 0 0 Z " fill="#63B6D2" transform="translate(435,379)"/>
43 | <path d="M0 0 C1 2 1 2 0.375 4.0625 C-1 6 -1 6 -3.625 6.75 C-4.800625 6.87375 -4.800625 6.87375 -6 7 C-4.02 4.69 -2.04 2.38 0 0 Z " fill="#68C8E5" transform="translate(572,720)"/>
44 | <path d="M0 0 C0.66 0.33 1.32 0.66 2 1 C-1.465 3.97 -1.465 3.97 -5 7 C-5.66 6.67 -6.32 6.34 -7 6 C-4.69 4.02 -2.38 2.04 0 0 Z " fill="#134E69" transform="translate(595,512)"/>
45 | </svg>
46 | 


--------------------------------------------------------------------------------
/src/components/icons.tsx:
--------------------------------------------------------------------------------
  1 | type IconProps = React.HTMLAttributes<SVGElement>;
  2 | 
  3 | export const Icons = {
  4 |   logo: (props: IconProps) => (
  5 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" {...props}>
  6 |       <rect width="256" height="256" fill="none" />
  7 |       <line
  8 |         x1="208"
  9 |         y1="128"
 10 |         x2="128"
 11 |         y2="208"
 12 |         fill="none"
 13 |         stroke="currentColor"
 14 |         strokeLinecap="round"
 15 |         strokeLinejoin="round"
 16 |         strokeWidth="16"
 17 |       />
 18 |       <line
 19 |         x1="192"
 20 |         y1="40"
 21 |         x2="40"
 22 |         y2="192"
 23 |         fill="none"
 24 |         stroke="currentColor"
 25 |         strokeLinecap="round"
 26 |         strokeLinejoin="round"
 27 |         strokeWidth="16"
 28 |       />
 29 |     </svg>
 30 |   ),
 31 |   twitter: (props: IconProps) => (
 32 |     <svg
 33 |       {...props}
 34 |       height="23"
 35 |       viewBox="0 0 1200 1227"
 36 |       width="23"
 37 |       xmlns="http://www.w3.org/2000/svg"
 38 |     >
 39 |       <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" />
 40 |     </svg>
 41 |   ),
 42 |   X: (props: IconProps) => (
 43 |     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1227" {...props}>
 44 |       <path
 45 |         fill="#000"
 46 |         d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"
 47 |       />
 48 |     </svg>
 49 |   ),
 50 |   gitHub: (props: IconProps) => (
 51 |     <svg viewBox="0 0 438.549 438.549" {...props}>
 52 |       <path
 53 |         fill="currentColor"
 54 |         d="M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"
 55 |       ></path>
 56 |     </svg>
 57 |   ),
 58 |   radix: (props: IconProps) => (
 59 |     <svg viewBox="0 0 25 25" fill="none" {...props}>
 60 |       <path
 61 |         d="M12 25C7.58173 25 4 21.4183 4 17C4 12.5817 7.58173 9 12 9V25Z"
 62 |         fill="currentcolor"
 63 |       ></path>
 64 |       <path d="M12 0H4V8H12V0Z" fill="currentcolor"></path>
 65 |       <path
 66 |         d="M17 8C19.2091 8 21 6.20914 21 4C21 1.79086 19.2091 0 17 0C14.7909 0 13 1.79086 13 4C13 6.20914 14.7909 8 17 8Z"
 67 |         fill="currentcolor"
 68 |       ></path>
 69 |     </svg>
 70 |   ),
 71 |   aria: (props: IconProps) => (
 72 |     <svg role="img" viewBox="0 0 24 24" fill="currentColor" {...props}>
 73 |       <path d="M13.966 22.624l-1.69-4.281H8.122l3.892-9.144 5.662 13.425zM8.884 1.376H0v21.248zm15.116 0h-8.884L24 22.624Z" />
 74 |     </svg>
 75 |   ),
 76 |   npm: (props: IconProps) => (
 77 |     <svg viewBox="0 0 24 24" {...props}>
 78 |       <path
 79 |         d="M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z"
 80 |         fill="currentColor"
 81 |       />
 82 |     </svg>
 83 |   ),
 84 |   yarn: (props: IconProps) => (
 85 |     <svg viewBox="0 0 24 24" {...props}>
 86 |       <path
 87 |         d="M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12 12-5.375 12-12S18.625 0 12 0zm.768 4.105c.183 0 .363.053.525.157.125.083.287.185.755 1.154.31-.088.468-.042.551-.019.204.056.366.19.463.375.477.917.542 2.553.334 3.605-.241 1.232-.755 2.029-1.131 2.576.324.329.778.899 1.117 1.825.278.774.31 1.478.273 2.015a5.51 5.51 0 0 0 .602-.329c.593-.366 1.487-.917 2.553-.931.714-.009 1.269.445 1.353 1.103a1.23 1.23 0 0 1-.945 1.362c-.649.158-.95.278-1.821.843-1.232.797-2.539 1.242-3.012 1.39a1.686 1.686 0 0 1-.704.343c-.737.181-3.266.315-3.466.315h-.046c-.783 0-1.214-.241-1.45-.491-.658.329-1.51.19-2.122-.134a1.078 1.078 0 0 1-.58-1.153 1.243 1.243 0 0 1-.153-.195c-.162-.25-.528-.936-.454-1.946.056-.723.556-1.367.88-1.71a5.522 5.522 0 0 1 .408-2.256c.306-.727.885-1.348 1.32-1.737-.32-.537-.644-1.367-.329-2.21.227-.602.412-.936.82-1.08h-.005c.199-.074.389-.153.486-.259a3.418 3.418 0 0 1 2.298-1.103c.037-.093.079-.185.125-.283.31-.658.639-1.029 1.024-1.168a.94.94 0 0 1 .328-.06zm.006.7c-.507.016-1.001 1.519-1.001 1.519s-1.27-.204-2.266.871c-.199.218-.468.334-.746.44-.079.028-.176.023-.417.672-.371.991.625 2.094.625 2.094s-1.186.839-1.626 1.881c-.486 1.144-.338 2.261-.338 2.261s-.843.732-.899 1.487c-.051.663.139 1.2.343 1.515.227.343.51.176.51.176s-.561.653-.037.931c.477.25 1.283.394 1.71-.037.31-.31.371-1.001.486-1.283.028-.065.12.111.209.199.097.093.264.195.264.195s-.755.324-.445 1.066c.102.246.468.403 1.066.398.222-.005 2.664-.139 3.313-.296.375-.088.505-.283.505-.283s1.566-.431 2.998-1.357c.917-.598 1.293-.76 2.034-.936.612-.148.57-1.098-.241-1.084-.839.009-1.575.44-2.196.825-1.163.718-1.742.672-1.742.672l-.018-.032c-.079-.13.371-1.293-.134-2.678-.547-1.515-1.413-1.881-1.344-1.997.297-.5 1.038-1.297 1.334-2.78.176-.899.13-2.377-.269-3.151-.074-.144-.732.241-.732.241s-.616-1.371-.788-1.483a.271.271 0 0 0-.157-.046z"
 88 |         fill="currentColor"
 89 |       />
 90 |     </svg>
 91 |   ),
 92 |   pnpm: (props: IconProps) => (
 93 |     <svg viewBox="0 0 24 24" {...props}>
 94 |       <path
 95 |         d="M0 0v7.5h7.5V0zm8.25 0v7.5h7.498V0zm8.25 0v7.5H24V0zM8.25 8.25v7.5h7.498v-7.5zm8.25 0v7.5H24v-7.5zM0 16.5V24h7.5v-7.5zm8.25 0V24h7.498v-7.5zm8.25 0V24H24v-7.5z"
 96 |         fill="currentColor"
 97 |       />
 98 |     </svg>
 99 |   ),
100 |   react: (props: IconProps) => (
101 |     <svg viewBox="0 0 24 24" {...props}>
102 |       <path
103 |         d="M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z"
104 |         fill="currentColor"
105 |       />
106 |     </svg>
107 |   ),
108 |   tailwind: (props: IconProps) => (
109 |     <svg viewBox="0 0 24 24" {...props}>
110 |       <path
111 |         d="M12.001,4.8c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 C13.666,10.618,15.027,12,18.001,12c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C16.337,6.182,14.976,4.8,12.001,4.8z M6.001,12c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 c1.177,1.194,2.538,2.576,5.512,2.576c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C10.337,13.382,8.976,12,6.001,12z"
112 |         fill="currentColor"
113 |       />
114 |     </svg>
115 |   ),
116 |   google: (props: IconProps) => (
117 |     <svg
118 |       width="256"
119 |       height="262"
120 |       viewBox="0 0 256 262"
121 |       xmlns="http://www.w3.org/2000/svg"
122 |       preserveAspectRatio="xMidYMid"
123 |       {...props}
124 |     >
125 |       <path
126 |         d="M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027"
127 |         fill="#4285F4"
128 |       />
129 |       <path
130 |         d="M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1"
131 |         fill="#34A853"
132 |       />
133 |       <path
134 |         d="M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782"
135 |         fill="#FBBC05"
136 |       />
137 |       <path
138 |         d="M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251"
139 |         fill="#EB4335"
140 |       />
141 |     </svg>
142 |   ),
143 |   apple: (props: IconProps) => (
144 |     <svg role="img" viewBox="0 0 24 24" {...props}>
145 |       <path
146 |         d="M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701"
147 |         fill="currentColor"
148 |       />
149 |     </svg>
150 |   ),
151 |   paypal: (props: IconProps) => (
152 |     <svg role="img" viewBox="0 0 24 24" {...props}>
153 |       <path
154 |         d="M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.922-.788.06-.26.76-4.852.816-5.09a.932.932 0 0 1 .923-.788h.58c3.76 0 6.705-1.528 7.565-5.946.36-1.847.174-3.388-.777-4.471z"
155 |         fill="currentColor"
156 |       />
157 |     </svg>
158 |   ),
159 |   spinner: (props: IconProps) => (
160 |     <svg
161 |       xmlns="http://www.w3.org/2000/svg"
162 |       width="24"
163 |       height="24"
164 |       viewBox="0 0 24 24"
165 |       fill="none"
166 |       stroke="currentColor"
167 |       strokeWidth="2"
168 |       strokeLinecap="round"
169 |       strokeLinejoin="round"
170 |       {...props}
171 |     >
172 |       <path d="M21 12a9 9 0 1 1-6.219-8.56" />
173 |     </svg>
174 |   ),
175 |   vercel: (props: IconProps) => (
176 |     <svg
177 |       width="24"
178 |       height="24"
179 |       viewBox="0 0 24 24"
180 |       fill="none"
181 |       xmlns="http://www.w3.org/2000/svg"
182 |       {...props}
183 |     >
184 |       <path d="M12 1L24 22H0L12 1Z" fill="#000000" />
185 |     </svg>
186 |   ),
187 |   lemon: (props: IconProps) => (
188 |     <svg
189 |       xmlns="http://www.w3.org/2000/svg"
190 |       width="24"
191 |       height="24"
192 |       viewBox="0 0 24 24"
193 |       fill="none"
194 |       {...props}
195 |     >
196 |       <path
197 |         fill="#FFC233"
198 |         fillRule="evenodd"
199 |         d="m6.452 14.73 6.453 2.977a3.3 3.3 0 0 1 1.669 1.699c.77 1.8-.283 3.64-1.937 4.302-1.655.661-3.419.235-4.22-1.636l-2.809-6.57c-.217-.509.33-1.01.844-.772ZM6.84 12.804l6.66-2.513c2.214-.835 4.632.745 4.6 3.04l-.002.09c-.048 2.236-2.399 3.739-4.564 2.948l-6.688-2.443a.594.594 0 0 1-.007-1.122ZM6.466 11.934l6.548-2.777c2.176-.922 2.728-3.691 1.024-5.29a8.636 8.636 0 0 0-.067-.064C12.3 2.256 9.538 2.801 8.587 4.84l-2.939 6.297c-.234.502.296 1.019.818.798ZM4.781 10.836l2.38-6.512a3.146 3.146 0 0 0-.064-2.342C6.324.183 4.232-.398 2.577.265.925.93-.01 2.435.794 4.305l2.826 6.562c.22.509.972.489 1.162-.03Z"
200 |         clipRule="evenodd"
201 |       ></path>
202 |     </svg>
203 |   ),
204 |   redbook: (props: IconProps) => (
205 |     <svg
206 |       className="icon"
207 |       viewBox="0 0 1024 1024"
208 |       version="1.1"
209 |       xmlns="http://www.w3.org/2000/svg"
210 |       p-id="4220"
211 |       width="24"
212 |       height="24"
213 |       {...props}
214 |     >
215 |       <path
216 |         d="M726.51776 457.45152c-6.70208-0.0768-13.39392 0-20.00384-0.0768-2.37056 0-3.0464 1.05984-3.0464 3.23072 0.0768 5.10976 0.0768 10.13248 0.0768 15.232v0.01024c0.07168 4.87936 0 9.7536 0.07168 14.56128 0 3.90656 0.68096 4.66944 4.45952 4.66944 7.1424 0.0768 14.27456 0 21.41696 0.0768 2.67776 0 3.72736-1.28 3.65056-3.75808-0.08704-9.1648-0.08704-18.31936-0.15872-27.48416a6.7584 6.7584 0 0 0-6.46656-6.46144z"
217 |         fill="#FF2E4D"
218 |         p-id="4221"
219 |       ></path>
220 |       <path
221 |         d="M849.92 51.2h-675.84c-67.8656 0-122.88 55.0144-122.88 122.88v675.84c0 67.8656 55.0144 122.88 122.88 122.88h675.84c67.8656 0 122.88-55.0144 122.88-122.88V174.08c0-67.8656-55.0144-122.88-122.88-122.88zM250.78784 505.73312c-0.73728 10.59328-1.41312 21.25312-2.60608 31.8464-2.08896 18.39104-6.24128 36.26496-14.6432 52.864-2.16064 4.12672-5.13536 7.79776-8.18176 12.45696-1.85344-3.90656-3.41504-6.97856-4.82816-10.13248a3203.59424 3203.59424 0 0 1-14.79168-33.56672c-0.52736-1.2032-0.896-2.92352-0.36864-3.97824 3.19488-6.83008 3.41504-14.12096 3.85536-21.40672 0.60416-9.15968 1.35168-18.24256 2.01728-27.39712 0.51712-7.00416 0.80896-13.9776 1.39776-20.96128 0.67584-8.10496 1.49504-16.21504 2.16064-24.24832 0.14848-1.96608 1.04448-2.56 2.82624-2.56 11.0848 0 22.07744 0 33.16224-0.07168 2.37056 0 3.0464 0.98304 2.89792 3.23072-0.96768 14.63296-1.86368 29.28128-2.89792 43.92448z m71.29088 87.32672c-0.73728 9.46176-5.13536 17.49504-12.5696 23.5008-5.43232 4.352-11.74528 6.15936-18.6624 6.08256-5.87264 0-11.66848-0.0768-17.54112 0-2.00192 0-3.27168-0.60416-4.09088-2.55488-3.41504-7.6544-6.90688-15.32416-10.32192-22.97344-0.52736-1.13152-0.67584-2.33472-1.13152-3.456-1.63328-4.12672-1.5616-4.28544 2.97472-4.36224h13.90592c5.94944 0 8.47872-2.46784 8.5504-8.56576 0.07168-4.57216 0.07168-9.14944 0.07168-13.73696V494.2336c0.14848 0.15872 0.22016 0.15872 0.29696 0.15872V408.63744c0-4.28544 0.14848-4.43392 4.38784-4.43392h29.21472c5.13536 0 5.20704 0.14848 5.20704 5.40672 0 27.1872 0 54.36416 0.0768 81.47968 0.0768 23.87456 0.29696 47.75936 0.29696 71.6288 0 10.14272 0.14848 20.26496-0.6656 30.34112z m75.58656-28.90752c-4.98688 11.56096-10.19904 22.97344-15.31904 34.4576-0.45568 1.13664-1.19296 2.25792-2.3808 4.42368v0.01024c-2.97472-4.5056-6.0928-8.18176-8.11008-12.39552-2.82624-6.13888-4.5312-12.83584-7.35744-18.9952-3.0464-6.6816-4.15744-13.88032-5.57568-20.94592-1.1776-6.02112-1.40288-12.25216-1.8432-18.3296-1.2032-15.39584-2.23744-30.78656-3.44064-46.09536a2449.95584 2449.95584 0 0 0-2.0736-25.1648c-0.14848-1.50016 0.2304-2.176 1.94048-2.176 11.52512 0 22.97344-0.14848 34.49856-0.22016 2.1504 0 3.0464 0.96768 3.11808 2.9952 0.29696 4.65408 0.51712 9.31328 0.88576 13.97248 0.29696 3.83488 0.73728 7.6544 1.04448 11.41248 0.51712 5.40672 1.04448 10.81344 1.41312 16.14336 0.51712 6.90688 0.51712 13.81888 1.4848 20.63872 1.34144 10.4448 0.29696 21.10464 3.93216 31.32928 0.89088 2.40128-0.96768 6.08768-2.21696 8.93952z m84.28032 22.016c-2.89792 6.6816-6.02112 13.21472-8.99072 19.82464-1.64352 3.74784-3.19488 7.49568-4.76672 11.25376-1.85344 4.51072-3.11808 5.40672-7.87456 5.40672h-22.2976c-7.52128 0-15.0272 0.23552-22.53312-0.0768-3.56352-0.14336-7.0656-1.27488-10.62912-2.02752-1.792-0.36864-2.16064-1.42336-1.41312-3.14368a3709.71648 3709.71648 0 0 0 13.45024-29.21472c1.04448-2.24768 1.85344-4.65408 3.0464-6.90688 0.29696-0.6144 1.41312-1.28 2.00192-1.13152 12.42112 3.15392 25.13408 2.77504 37.76512 2.63168a874.6496 874.6496 0 0 1 20.07552 0c3.19488 0.00512 3.50208 0.45568 2.16576 3.38432z m3.84-21.86752a4.48512 4.48512 0 0 1-2.74944 1.4336c-13.89568 0.0768-27.8784 0.14848-41.77408-0.0768-4.23936-0.08704-8.5504-1.05472-11.74528-4.28544-3.3536-3.3792-4.98688-7.36256-3.28192-11.93984a897.52576 897.52576 0 0 1 9.58464-24.10496c3.88096-9.15456 7.81312-18.31936 12.05248-28.2368-2.30912-0.14848-3.712-0.29696-5.04832-0.29696-4.09088-0.07168-8.18176 0.29696-12.27264-0.2304-4.45952-0.51712-8.99072-1.04448-12.48256-4.79232-3.42528-3.6864-3.94752-8.04352-2.60608-12.32384 2.1504-6.83008 4.97664-13.44 7.80288-20.04992 2.67776-6.15424 5.72416-12.16 8.47872-18.24256 2.97472-6.53824 5.86752-13.07136 8.77056-19.6096a1361.99168 1361.99168 0 0 0 7.6544-17.33632c0.73728-1.80736 1.8688-2.47808 3.87072-2.47808 10.93632 0.07168 21.92896 0 32.86528 0 3.6352 0 3.712 0.36864 2.29888 3.6864-6.31296 14.63296-12.71808 29.20448-18.95936 43.84768a11.52 11.52 0 0 0-1.19296 4.87936c0.22016 3.90656 1.04448 4.5056 5.06368 4.5056 8.17152 0.0768 16.35328 0 24.448 0 1.64864 0 3.3536 0.22016 4.98688 0.29696 2.30912 0.0768 2.60608 1.05984 1.63328 3.072a2455.21408 2455.21408 0 0 0-13.3888 29.21472c-3.03616 6.91712-5.93408 13.89568-8.9088 20.8128a1530.1632 1530.1632 0 0 1-6.1696 13.80864c-1.94048 4.20352-0.60416 6.31296 4.15232 6.38976 6.02112 0 12.04224 0.0768 18.05824 0 2.08896 0 3.13344 0.60416 2.08896 2.85184-3.6352 8.25344-7.21408 16.58368-10.84928 24.85248-0.67072 1.50016-1.408 3.072-2.3808 4.352z m134.81472 58.73664h-125.3376c-1.72032-0.22016-3.48672-0.22016-5.94432-0.22016v-0.01536c0.88064-2.61632 1.41312-4.41856 2.1504-6.0672 4.69504-10.29632 9.4464-20.5056 14.0544-30.79168 1.04448-2.33472 2.52928-2.92352 4.75648-2.92352h28.6976c4.54656 0 4.75648-0.2304 4.75648-4.74112V461.66016c0-3.97824-0.0768-4.05504-4.08064-4.05504-6.10304 0-12.26752-0.0768-18.36544 0-2.30912 0-3.27168-0.51712-3.27168-3.1488 0.14848-10.97216 0.0768-21.92896 0.0768-32.88576 0-3.90656 0.0768-3.90656 3.86048-3.90656h73.00096c4.23936 0 8.5504 0.0768 12.78976 0 2.01728 0 2.82624 0.82432 2.74944 2.85184-0.0768 11.41248-0.0768 22.82496-0.0768 34.31424 0 2.02752-0.73728 2.77504-2.82624 2.77504-6.6048-0.0768-13.14304 0.07168-19.77856 0.07168-2.29376 0-3.33824 1.05984-3.33824 3.46624 0.0768 18.39104 0.14336 36.7104 0.14336 55.11168 0 20.87424 0 41.74848 0.0768 62.6944 0 3.75808 0.36864 4.21376 4.17792 4.21376h31.4368c3.41504 0 3.87072 0.36864 3.93728 3.81952 0.08704 10.97216 0 21.92896 0.08704 32.89088-0.01024 2.8672-1.57184 3.16416-3.73248 3.16416z m198.69696-34.92864c-0.14848 16.37376-11.008 29.21472-26.38848 32.89088-4.31616 1.05472-8.78592 1.35168-13.24544 1.5104-6.83008 0.22016-13.7472 0.07168-20.58752 0.07168-4.23936 0-5.42208-0.83456-6.9888-4.66432-3.33824-7.95136-6.83008-15.90784-10.26048-23.87456l-0.66048-1.57184c-1.19296-3.072-0.81408-3.61472 2.45248-3.61472 9.43616-0.07168 18.95424 0.15872 28.3904-0.29184 5.65248-0.29696 8.03328-2.85696 8.18688-8.64256 0.22016-11.04384-0.29696-22.07744-0.14848-33.11104 0.0768-5.48864-6.84032-11.42272-11.74528-11.71968a32.8448 32.8448 0 0 0-2.74944-0.14336c-18.73408 0-37.54496 0-56.2688 0.07168-5.27872 0-5.65248 0.53248-5.65248 5.8624l0.20992 77.55776c0 4.14208-0.0768 4.21376-4.23936 4.21376h-31.22176c-4.01408 0-4.3008-0.3072-4.3008-4.28544v-39.94112c0.06144 0.14336 0.13312 0.14336 0.20992 0.14336v-40.99584c0-2.78016-1.85344-2.93888-3.78368-2.93888-10.19392 0.08704-20.44416 0.31232-30.62272 0.31232-6.92224 0-6.17984 0.8192-6.25664-6.38976-0.0768-9.90208 0-19.90144 0-29.80352 0-3.59936 0.36864-4.05504 3.94752-4.13184 10.7008-0.07168 21.33504 0 32.04096-0.07168 4.09088 0 4.31104-0.15872 4.38272-4.21376 0.0768-9.90208-0.0768-19.8144 0-29.73184 0-2.4832-1.04448-3.23072-3.41504-3.23072-6.84544 0.0768-13.76256-0.07168-20.60288 0-2.1504 0-2.89792-0.74752-2.89792-2.92352 0.09216-11.26912 0.09216-22.46144-0.06144-33.72544 0-2.70336 1.03424-3.29216 3.41504-3.29216 6.31296 0.0768 12.6464 0 18.95936 0 4.23424 0 4.45952-0.3072 4.5312-4.74112 0-2.61632 0.14848-5.24288 0-7.87456-0.07168-2.4832 1.04448-3.15904 3.34336-3.15904 9.07776 0.0768 18.22208 0.0768 27.28448 0.0768h4.97664c3.94752 0 4.0192 0 4.1728 4.05504 0.06656 2.4064-0.1536 4.87936-0.08704 7.28576 0.0768 3.3792 0.9728 4.2752 4.31616 4.36224 5.65248 0.0768 11.30496 0.0768 17.024 0.0768 14.6432 0.07168 27.3664 5.09952 37.0176 16.29184 5.35552 6.22592 8.69888 13.81888 9.216 22.14912 0.52736 8.47872 0.15872 17.03936 0.3072 25.52832 0 3.15904 0.22016 6.38976 0.36864 9.53344 0.14336 3.15904 0.896 3.97824 4.09088 3.90656a48.56832 48.56832 0 0 1 19.03104 3.15904c13.00992 5.03808 21.03296 14.18752 23.63904 28.01152a44.4416 44.4416 0 0 1 0.73728 8.33024c0.08192 17.88928 0.06656 35.78368-0.06656 53.6832zM810.14272 453.632c-5.94432 3.90656-12.1856 3.75808-19.4048 3.6864-2.23744 0-5.20192 0.07168-8.09984-0.0768-0.7424-0.07168-2.00704-0.98304-2.08896-1.5872-0.6656-8.84736-1.77152-17.792 1.35168-26.35264 2.75456-7.5776 9.58464-12.01664 17.61792-12.16a19.99872 19.99872 0 0 1 19.32288 14.336c2.30912 8.2688-1.55648 17.42336-8.69888 22.15424z"
222 |         fill="#FF2E4D"
223 |         p-id="4222"
224 |       ></path>
225 |     </svg>
226 |   ),
227 |   wechat: (props: IconProps) => (
228 |     <svg
229 |       className="icon"
230 |       viewBox="0 0 1025 1024"
231 |       version="1.1"
232 |       xmlns="http://www.w3.org/2000/svg"
233 |       p-id="5128"
234 |       width="24"
235 |       height="24"
236 |       {...props}
237 |     >
238 |       <path
239 |         d="M693.515077 347.245655c11.749602 0 23.382547 0.859577 34.914184 2.148943C697.061856 203.307406 540.865421 94.76634 362.587062 94.76634c-199.316511 0-362.588085 135.851061-362.588085 308.365136 0 99.576903 54.321186 181.348278 145.092539 244.769726l-36.266995 109.070114 126.752846-63.556525c45.353954 8.977465 81.748862 18.201547 127.010719 18.201547 11.379165 0 22.661116-0.561795 33.849946-1.434675-7.087419-24.242124-11.189853-49.63649-11.189853-75.972299C385.247154 475.798497 521.281387 347.245655 693.515077 347.245655L693.515077 347.245655zM498.558873 248.940722c27.300786 0 45.384653 17.963117 45.384653 45.246507 0 27.174919-18.083867 45.382607-45.384653 45.382607-27.181059 0-54.448076-18.207687-54.448076-45.382607C444.11182 266.895653 471.378837 248.940722 498.558873 248.940722L498.558873 248.940722zM244.794285 339.568812c-27.174919 0-54.601572-18.207687-54.601572-45.387723 0-27.285436 27.427676-45.24139 54.601572-45.24139 27.175943 0 45.261856 17.955954 45.261856 45.24139C290.058189 321.361125 271.970228 339.568812 244.794285 339.568812L244.794285 339.568812zM1024.444115 629.844965c0-144.961556-145.05877-263.117606-307.98242-263.117606-172.519192 0-308.393789 118.15605-308.393789 263.117606 0 145.213289 135.874597 263.123746 308.393789 263.123746 36.107359 0 72.529897-9.104355 108.790752-18.195408l99.453083 54.460356-27.267017-90.610694C970.219119 784.018324 1024.444115 711.615317 1024.444115 629.844965L1024.444115 629.844965zM616.471376 584.479755c-18.055215 0-36.266995-17.962094-36.266995-36.285414 0-18.061354 18.213827-36.255739 36.266995-36.255739 27.427676 0 45.387723 18.193361 45.387723 36.255739C661.860123 566.517661 643.899052 584.479755 616.471376 584.479755L616.471376 584.479755zM815.913754 584.479755c-17.928325 0-36.014238-17.962094-36.014238-36.285414 0-18.061354 18.08796-36.255739 36.014238-36.255739 27.175943 0 45.384653 18.193361 45.384653 36.255739C861.297384 566.517661 843.088674 584.479755 815.913754 584.479755L815.913754 584.479755z"
240 |         fill="#272636"
241 |         p-id="5129"
242 |       ></path>
243 |     </svg>
244 |   ),
245 | };
246 | 


--------------------------------------------------------------------------------