borbann-platform/backend-api
1
0
Fork 0
mirror of https://github.com/borbann-platform/backend-api.git synced 2025-12-18 12:14:05 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: add PipelineStatus component and integrate it into PipelineDetailsPage

Browse Source
This commit is contained in:
Pattadon 2025-04-08 14:31:30 +07:00
parent 4e5fba2459
commit 668847edc3
3 changed files with 44 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/app/(sidebar)/data-pipeline/page.tsx
View File

@ -98,6 +98,7 @@ export default function DataPipelinePage() {
aiPowered={true}
/>
{/* mock pipeline card with data */}
<PipelineCard
title="Rental Market Data"
description="Collects rental prices and availability"

36
frontend/app/(sidebar)/data-pipeline/property-listings/page.tsx
View File

@ -8,6 +8,7 @@ import PageHeader from "@/components/page-header"
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { PipelineStatus } from "@/components/pipeline/status"
export default function PipelineDetailsPage() {
return (
@ -49,40 +50,7 @@ export default function PipelineDetailsPage() {
</div>
<div className="grid gap-6 md:grid-cols-3 mt-6">
<Card className="border-2 border-green-500 dark:border-green-600">
<CardHeader>
<CardTitle className="text-lg">Pipeline Status</CardTitle>
</CardHeader>
<CardContent>
<div className="space-y-4">
<div className="flex justify-between items-center">
<span className="text-muted-foreground">Status:</span>
<Badge
variant="default"
className="bg-green-500 hover:bg-green-600 dark:bg-green-600 dark:hover:bg-green-700"
>
Active
</Badge>
</div>
<div className="flex justify-between items-center">
<span className="text-muted-foreground">Last Run:</span>
<span>2 hours ago</span>
</div>
<div className="flex justify-between items-center">
<span className="text-muted-foreground">Next Run:</span>
<span>Tomorrow at 9:00 AM</span>
</div>
<div className="flex justify-between items-center">
<span className="text-muted-foreground">Run Frequency:</span>
<span>Daily</span>
</div>
<div className="flex justify-between items-center">
<span className="text-muted-foreground">Total Records:</span>
<span>1,240</span>
</div>
</div>
</CardContent>
</Card>
<PipelineStatus />
<Card className="border-2 hover:border-highlight-border transition-all duration-200">
<CardHeader>

41
frontend/components/pipeline/status.tsx Normal file
View File

@ -0,0 +1,41 @@
import { Badge } from "../ui/badge";
import { Card, CardHeader, CardTitle, CardContent } from "../ui/card";
export function PipelineStatus() {
return (
<Card className="border-2 border-green-500 dark:border-green-600">
<CardHeader>
<CardTitle className="text-lg">Pipeline Status</CardTitle>
</CardHeader>
<CardContent>
<div className="space-y-4">
<div className="flex justify-between items-center">
<span className="text-muted-foreground">Status:</span>
<Badge
variant="default"
className="bg-green-500 hover:bg-green-600 dark:bg-green-600 dark:hover:bg-green-700"
>
Active
</Badge>
</div>
<div className="flex justify-between items-center">
<span className="text-muted-foreground">Last Run:</span>
<span>2 hours ago</span>
</div>
<div className="flex justify-between items-center">
<span className="text-muted-foreground">Next Run:</span>
<span>Tomorrow at 9:00 AM</span>
</div>
<div className="flex justify-between items-center">
<span className="text-muted-foreground">Run Frequency:</span>
<span>Daily</span>
</div>
<div className="flex justify-between items-center">
<span className="text-muted-foreground">Total Records:</span>
<span>1,240</span>
</div>
</div>
</CardContent>
</Card>
);
}