diff --git a/apps/cs/src/entities/link/model/link-interface.ts b/apps/cs/src/entities/link/model/link-interface.ts index 86960f195..f8cf82016 100644 --- a/apps/cs/src/entities/link/model/link-interface.ts +++ b/apps/cs/src/entities/link/model/link-interface.ts @@ -191,6 +191,7 @@ export interface LinkSearchParam extends PageableParams { startDate?: string; endDate?: string; isSucc?: string; + linkClfsCd?: string; } export type LinkFormData = z.infer; diff --git a/apps/cs/src/pages/link/ui/link-page.tsx b/apps/cs/src/pages/link/ui/link-page.tsx index 95a9cc043..9d21570b9 100644 --- a/apps/cs/src/pages/link/ui/link-page.tsx +++ b/apps/cs/src/pages/link/ui/link-page.tsx @@ -4,7 +4,7 @@ import "@common/assets/styles/grid.css"; import { useState } from "react"; import { useRouter } from "next/navigation"; -import { Button, Input, Label, LoadingWithAnimation } from "@common/components"; +import { Button, Input, Label, LoadingWithAnimation, Select, SelectTrigger, SelectContent, SelectItem, SelectValue } from "@common/components"; import { getCoreRowModel } from "@tanstack/react-table"; import { LinkApi, type Link, type LinkSearchParam } from "@/entities/link"; import { useQuery } from "@tanstack/react-query"; @@ -18,10 +18,12 @@ function LinkPage() { const [linkSn, setLinkSn] = useState(''); const [linkNm, setLinkNm] = useState(''); + const [linkClfsCd, setLinkClfsCd] = useState(''); const [linkSearchParam, setLinkSearchParam] = useState({ linkSn: '', - linkNm: '' + linkNm: '', + linkClfsCd: '', }); const query = useQuery({ @@ -32,10 +34,12 @@ function LinkPage() { const handleResetSearchParam = () => { setLinkSn(''); setLinkNm(''); + setLinkClfsCd('ALL'); setLinkSearchParam({ ...linkSearchParam, linkSn: '', linkNm: '', + linkClfsCd: 'ALL', }); }; @@ -44,7 +48,8 @@ function LinkPage() { setLinkSearchParam({ ...linkSearchParam, linkSn, - linkNm + linkNm, + linkClfsCd, }); }; @@ -100,6 +105,24 @@ function LinkPage() { onChange={(e) => setLinkNm(e.target.value)} autoComplete="off" /> + +