yellowadmin/pp-tcms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust Appearance

Browse Source
This commit is contained in:
Takeshi Kimata
2024-05-04 13:39:19 +09:00
parent 213f5a7317
commit 772da88e9b
2 changed files with 41 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
frontend/src/app/[locale]/projects/ProjectsPage.tsx
View File

@@ -81,38 +81,36 @@ export default function ProjectsPage({ messages, locale }: Props) {
}; };
return ( return (
<div className="flex justify-center"> <div className="container mx-auto max-w-3xl pt-16 px-6 flex-grow">
<div className="container mx-auto max-w-3xl pt-16 px-6 flex-grow"> <div className="w-full p-3 flex items-center justify-between">
<div className="w-full p-3 flex items-center justify-between"> <h3 className="font-bold">{messages.project}</h3>
<h3 className="font-bold">{messages.project}</h3> <div>
<div> <Button
<Button startContent={<Plus size={16} />}
startContent={<Plus size={16} />} size="sm"
size="sm" color="primary"
color="primary" onClick={openDialogForCreate}
onClick={openDialogForCreate} >
> {messages.newProject}
{messages.newProject} </Button>
</Button>
</div>
</div> </div>
<ProjectsTable
projects={projects}
onEditProject={onEditClick}
onDeleteProject={onDeleteClick}
messages={messages}
locale={locale}
/>
<ProjectDialog
isOpen={isProjectDialogOpen}
editingProject={editingProject}
onCancel={closeDialog}
onSubmit={onSubmit}
messages={messages}
/>
</div> </div>
<ProjectsTable
projects={projects}
onEditProject={onEditClick}
onDeleteProject={onDeleteClick}
messages={messages}
locale={locale}
/>
<ProjectDialog
isOpen={isProjectDialogOpen}
editingProject={editingProject}
onCancel={closeDialog}
onSubmit={onSubmit}
messages={messages}
/>
</div> </div>
); );
} }

19
frontend/src/app/[locale]/projects/[projectId]/folders/[folderId]/cases/TestCaseTable.tsx
View File

@@ -74,6 +74,7 @@ export default function TestCaseTable({
return sortDescriptor.direction === "descending" ? -cmp : cmp; return sortDescriptor.direction === "descending" ? -cmp : cmp;
}); });
}, [sortDescriptor, cases]); }, [sortDescriptor, cases]);
const renderCell = useCallback((testCase: Case, columnKey: Key) => { const renderCell = useCallback((testCase: Case, columnKey: Key) => {
const cellValue = testCase[columnKey as keyof Case]; const cellValue = testCase[columnKey as keyof Case];
@@ -82,13 +83,19 @@ export default function TestCaseTable({
return <span>{cellValue}</span>; return <span>{cellValue}</span>;
case "title": case "title":
return ( return (
<Link <Button
href={`/projects/${projectId}/folders/${testCase.folderId}/cases/${testCase.id}`} size="sm"
locale={locale} variant="light"
className={NextUiLinkClasses} className="data-[hover=true]:bg-transparent"
> >
{cellValue} <Link
</Link> href={`/projects/${projectId}/folders/${testCase.folderId}/cases/${testCase.id}`}
locale={locale}
className={NextUiLinkClasses}
>
{cellValue}
</Link>
</Button>
); );
case "priority": case "priority":
return ( return (