wisecolt/Wisecolt-CI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(ui): deploy geçmişi için native scroll kullan

Browse Source
This commit is contained in:
wisecolt
2026-02-03 10:08:45 +00:00
parent e2b9f19800
commit 719ae4044e
1 changed files with 21 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
frontend/src/pages/DeploymentDetailPage.tsx
View File

@@ -18,7 +18,6 @@ import { JobStatusBadge } from "../components/JobStatusBadge";
import { Label } from "../components/ui/label"; import { Label } from "../components/ui/label";
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../components/ui/select"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../components/ui/select";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "../components/ui/tabs"; import { Tabs, TabsContent, TabsList, TabsTrigger } from "../components/ui/tabs";
import { ScrollArea } from "../components/ui/scroll-area";
import { import {
DeploymentInput, DeploymentInput,
DeploymentProject, DeploymentProject,
@@ -423,33 +422,31 @@ export function DeploymentDetailPage() {
Deploy Geçmişi Deploy Geçmişi
</CardTitle> </CardTitle>
</CardHeader> </CardHeader>
<CardContent> <CardContent className="max-h-[520px] overflow-y-auto pr-2">
{runs.length === 0 ? ( {runs.length === 0 ? (
<div className="text-sm text-muted-foreground">Henüz deploy çalıştırılmadı.</div> <div className="text-sm text-muted-foreground">Henüz deploy çalıştırılmadı.</div>
) : ( ) : (
<ScrollArea className="max-h-[420px] pr-2"> <div className="space-y-3">
<div className="space-y-3"> {runs.map((run) => (
{runs.map((run) => ( <div
<div key={run._id}
key={run._id} className="flex flex-wrap items-center justify-between gap-3 rounded-md border border-border bg-background px-3 py-2 text-sm"
className="flex flex-wrap items-center justify-between gap-3 rounded-md border border-border bg-background px-3 py-2 text-sm" >
> <div className="flex items-center gap-3">
<div className="flex items-center gap-3"> <JobStatusBadge status={run.status} />
<JobStatusBadge status={run.status} /> <span className="text-muted-foreground">
<span className="text-muted-foreground"> {new Date(run.startedAt).toLocaleString()}
{new Date(run.startedAt).toLocaleString()} </span>
</span> {run.message && (
{run.message && ( <span className="truncate text-foreground/80">· {run.message}</span>
<span className="truncate text-foreground/80">· {run.message}</span> )}
)}
</div>
<div className="text-muted-foreground">
{run.durationMs ? `${Math.round(run.durationMs / 1000)}s` : "-"}
</div>
</div> </div>
))} <div className="text-muted-foreground">
</div> {run.durationMs ? `${Math.round(run.durationMs / 1000)}s` : "-"}
</ScrollArea> </div>
</div>
))}
</div>
)} )}
</CardContent> </CardContent>
</Card> </Card>