kevin/baron-sso
1
0
Fork 0
forked from baron/baron-sso
Code Pull Requests Activity

개발자 권한 신청 테이블 공통 스타일 적용

Browse Source
This commit is contained in:
김용연
2026-05-14 11:54:29 +09:00
parent 55c44b1a6c
commit 4d0d4f6a63
1 changed files with 155 additions and 147 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
devfront/src/features/developer-request/DeveloperRequestPage.tsx
View File

@@ -27,6 +27,10 @@ import {
TableHeader, TableHeader,
TableRow, TableRow,
} from "../../components/ui/table"; } from "../../components/ui/table";
import {
commonTableShellClass,
commonTableViewportClass,
} from "../../../../common/ui/table";
import { Textarea } from "../../components/ui/textarea"; import { Textarea } from "../../components/ui/textarea";
import { import {
approveDeveloperRequest, approveDeveloperRequest,
@@ -185,8 +189,10 @@ export default function DeveloperRequestPage() {
</CardTitle> </CardTitle>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className={commonTableShellClass}>
<div className={commonTableViewportClass}>
<Table> <Table>
<TableHeader> <TableHeader className="sticky top-0 z-10 bg-secondary shadow-sm">
<TableRow> <TableRow>
{isSuperAdmin && ( {isSuperAdmin && (
<TableHead> <TableHead>
@@ -242,7 +248,7 @@ export default function DeveloperRequestPage() {
{req.reason} {req.reason}
</div> </div>
{req.adminNotes && ( {req.adminNotes && (
<div className="mt-1 text-xs text-amber-600 bg-amber-50 dark:bg-amber-900/20 p-1.5 rounded"> <div className="mt-1 rounded bg-amber-50 p-1.5 text-xs text-amber-600 dark:bg-amber-900/20">
<strong>Admin:</strong> {req.adminNotes} <strong>Admin:</strong> {req.adminNotes}
</div> </div>
)} )}
@@ -250,13 +256,13 @@ export default function DeveloperRequestPage() {
<TableCell> <TableCell>
<StatusBadge status={req.status} /> <StatusBadge status={req.status} />
</TableCell> </TableCell>
<TableCell className="text-muted-foreground text-sm"> <TableCell className="text-sm text-muted-foreground">
{new Date(req.createdAt).toLocaleDateString()} {new Date(req.createdAt).toLocaleDateString()}
</TableCell> </TableCell>
{isSuperAdmin && ( {isSuperAdmin && (
<TableCell className="text-right"> <TableCell className="text-right">
{req.status === "pending" ? ( {req.status === "pending" ? (
<div className="flex flex-col gap-2 min-w-[200px] items-end ml-auto"> <div className="ml-auto flex min-w-[200px] flex-col items-end gap-2">
<Input <Input
placeholder={t( placeholder={t(
"ui.dev.request.admin_notes_placeholder", "ui.dev.request.admin_notes_placeholder",
@@ -294,7 +300,7 @@ export default function DeveloperRequestPage() {
</div> </div>
</div> </div>
) : req.status === "approved" ? ( ) : req.status === "approved" ? (
<div className="flex flex-col gap-2 min-w-[200px] items-end ml-auto"> <div className="ml-auto flex min-w-[200px] flex-col items-end gap-2">
<Input <Input
placeholder={t( placeholder={t(
"ui.dev.request.cancel_notes_placeholder", "ui.dev.request.cancel_notes_placeholder",
@@ -321,7 +327,7 @@ export default function DeveloperRequestPage() {
</Button> </Button>
</div> </div>
) : ( ) : (
<span className="text-muted-foreground text-xs italic"> <span className="text-xs italic text-muted-foreground">
{req.status === "cancelled" {req.status === "cancelled"
? t( ? t(
"ui.dev.request.status.cancelled", "ui.dev.request.status.cancelled",
@@ -337,6 +343,8 @@ export default function DeveloperRequestPage() {
)} )}
</TableBody> </TableBody>
</Table> </Table>
</div>
</div>
</CardContent> </CardContent>
</Card> </Card>