68 lines
2.4 KiB
TypeScript
68 lines
2.4 KiB
TypeScript
'use client'
|
|
import Link from 'next/link'
|
|
import {useQuery} from "@tanstack/react-query";
|
|
import {
|
|
Table,
|
|
TableBody,
|
|
TableCaption,
|
|
TableCell,
|
|
TableHead,
|
|
TableHeader,
|
|
TableRow,
|
|
} from "@/components/ui/table"
|
|
import {useGetProjects} from "@/queries/project";
|
|
import { IProject } from "@/types/project"
|
|
import {numberWithCommas} from "@/utils/helper";
|
|
|
|
const Page = ()=>{
|
|
const {data:projects, isLoading, isError} = useGetProjects('rejected')
|
|
|
|
if(isLoading){
|
|
return <div>Loading...</div>
|
|
}
|
|
|
|
if(isError){
|
|
return <div>Error</div>
|
|
}
|
|
|
|
|
|
|
|
return (
|
|
<>
|
|
|
|
<Table>
|
|
<TableCaption>پروژه های ثبت شده اخیر</TableCaption>
|
|
<TableHeader>
|
|
<TableRow>
|
|
<TableHead className="w-[100px] text-center">شناسه</TableHead>
|
|
<TableHead className={"text-center"} >استان</TableHead>
|
|
<TableHead className={"text-center"} >شهر</TableHead>
|
|
<TableHead className={"text-center"} >آدرس</TableHead>
|
|
<TableHead className={"text-center"}>نام و نام خانوادگی</TableHead>
|
|
<TableHead className="text-center">مبلغ</TableHead>
|
|
<TableHead className="text-center">مشاهده</TableHead>
|
|
</TableRow>
|
|
</TableHeader>
|
|
<TableBody>
|
|
{projects.map((project:IProject)=>(
|
|
<TableRow className={'*:text-center'} key={project.id}>
|
|
<TableCell>{project.id}</TableCell>
|
|
<TableCell>{project.city.ostan.name}</TableCell>
|
|
<TableCell>{project.city.name}</TableCell>
|
|
<TableCell>{project.address}</TableCell>
|
|
<TableCell>{project.cuser.name_family}</TableCell>
|
|
<TableCell>{numberWithCommas(project.factor_price)}</TableCell>
|
|
<TableCell>
|
|
<Link href={`/projects/${project.id}`}>
|
|
مشاهده
|
|
</Link>
|
|
</TableCell>
|
|
</TableRow>
|
|
))}
|
|
</TableBody>
|
|
</Table>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default Page; |