chore: polished code

This commit is contained in:
pit
2023-10-12 17:07:54 +03:00
committed by Mythie
parent c78632870e
commit 0e77faee3f
2 changed files with 10 additions and 42 deletions

View File

@ -4,21 +4,18 @@ import { useTransition } from 'react';
import Link from 'next/link'; import Link from 'next/link';
import { Edit, Loader } from 'lucide-react'; import { Loader } from 'lucide-react';
import { useUpdateSearchParams } from '@documenso/lib/client-only/hooks/use-update-search-params'; import { useUpdateSearchParams } from '@documenso/lib/client-only/hooks/use-update-search-params';
import { FindResultSet } from '@documenso/lib/types/find-result-set'; import { FindResultSet } from '@documenso/lib/types/find-result-set';
import { Document, User } from '@documenso/prisma/client'; import { Document, User } from '@documenso/prisma/client';
import { Avatar, AvatarFallback } from '@documenso/ui/primitives/avatar'; import { Avatar, AvatarFallback } from '@documenso/ui/primitives/avatar';
import { Button } from '@documenso/ui/primitives/button';
import { DataTable } from '@documenso/ui/primitives/data-table'; import { DataTable } from '@documenso/ui/primitives/data-table';
import { DataTablePagination } from '@documenso/ui/primitives/data-table-pagination'; import { DataTablePagination } from '@documenso/ui/primitives/data-table-pagination';
import { DocumentStatus } from '~/components/formatter/document-status'; import { DocumentStatus } from '~/components/formatter/document-status';
import { LocaleDate } from '~/components/formatter/locale-date'; import { LocaleDate } from '~/components/formatter/locale-date';
import { DataTableActionDropdown } from './data-table-action-dropdown';
export type DocumentsDataTableProps = { export type DocumentsDataTableProps = {
results: FindResultSet< results: FindResultSet<
Document & { Document & {
@ -54,21 +51,7 @@ export const DocumentsDataTable = ({ results }: DocumentsDataTableProps) => {
header: 'Title', header: 'Title',
accessorKey: 'title', accessorKey: 'title',
cell: ({ row }) => { cell: ({ row }) => {
return ( return <div>{row.original.title}</div>;
<Link
title={row.original.title}
className="block max-w-[10rem] truncate font-medium hover:underline md:max-w-[20rem]"
href={{
pathname: `/admin/documents/${row.original.id}`,
query: {
userId: row.original.User.id,
documentId: row.original.id,
},
}}
>
{row.original.title}
</Link>
);
}, },
}, },
{ {
@ -86,25 +69,16 @@ export const DocumentsDataTable = ({ results }: DocumentsDataTableProps) => {
); );
}, },
}, },
{
header: 'Last updated',
accessorKey: 'updatedAt',
cell: ({ row }) => <LocaleDate date={row.original.updatedAt} />,
},
{ {
header: 'Status', header: 'Status',
accessorKey: 'status', accessorKey: 'status',
cell: ({ row }) => <DocumentStatus status={row.original.status} />, cell: ({ row }) => <DocumentStatus status={row.original.status} />,
}, },
{
header: 'Actions',
cell: ({ row }) => (
<div className="flex items-center gap-x-4">
<Button className="w-24" asChild>
<Link href={`/documents/${row.original.id}`}>
<Edit className="-ml-1 mr-2 h-4 w-4" />
Edit
</Link>
</Button>
<DataTableActionDropdown row={row.original} />
</div>
),
},
]} ]}
data={results.data} data={results.data}
perPage={results.perPage} perPage={results.perPage}

View File

@ -85,9 +85,7 @@ export default function UserPage({ params }: { params: { id: number } }) {
name="name" name="name"
render={({ field }) => ( render={({ field }) => (
<FormItem> <FormItem>
<FormLabel required className="text-muted-foreground"> <FormLabel className="text-muted-foreground">Name</FormLabel>
Name
</FormLabel>
<FormControl> <FormControl>
<Input type="text" {...field} value={field.value ?? ''} /> <Input type="text" {...field} value={field.value ?? ''} />
</FormControl> </FormControl>
@ -100,9 +98,7 @@ export default function UserPage({ params }: { params: { id: number } }) {
name="email" name="email"
render={({ field }) => ( render={({ field }) => (
<FormItem> <FormItem>
<FormLabel required className="text-muted-foreground"> <FormLabel className="text-muted-foreground">Email</FormLabel>
Email
</FormLabel>
<FormControl> <FormControl>
<Input type="text" {...field} /> <Input type="text" {...field} />
</FormControl> </FormControl>
@ -117,9 +113,7 @@ export default function UserPage({ params }: { params: { id: number } }) {
render={({ field: { onChange } }) => ( render={({ field: { onChange } }) => (
<FormItem> <FormItem>
<fieldset className="flex flex-col gap-2"> <fieldset className="flex flex-col gap-2">
<FormLabel required className="text-muted-foreground"> <FormLabel className="text-muted-foreground">Roles</FormLabel>
Roles
</FormLabel>
<FormControl> <FormControl>
<Combobox <Combobox
listValues={roles} listValues={roles}