Denozordec
f66d68d1c7
CI / changes (push) Successful in 9s
CI / commitlint (push) Has been skipped
CI / openapi (push) Has been skipped
CI / web (push) Successful in 52s
CI / go (push) Has been skipped
CI / bird2 (push) Has been skipped
CI / release (push) Successful in 4m16s
Updated multiple components to replace DataGridShell with DataGridSection, integrating search functionality and improved data handling. This change enhances user experience by providing a consistent interface across various grids, including AccessApiKeysGrid, DashboardRecentJobsGrid, and others. Additionally, introduced global filtering capabilities to streamline data retrieval and presentation, ensuring a more efficient user interaction with the data grids.
61 lines
1.7 KiB
TypeScript
61 lines
1.7 KiB
TypeScript
import { Badge } from "@/components/reui/badge"
|
|
|
|
import { Card, CardContent } from "@evobgp/ui/components/card"
|
|
import {
|
|
Tabs,
|
|
TabsContent,
|
|
TabsList,
|
|
TabsTrigger,
|
|
} from "@evobgp/ui/components/tabs"
|
|
|
|
export function Pattern() {
|
|
return (
|
|
<div className="flex w-full max-w-md flex-col gap-6">
|
|
<Tabs defaultValue="inbox">
|
|
<TabsList variant="line" className="mb-3.5 w-full">
|
|
<TabsTrigger value="inbox" className="gap-2">
|
|
Inbox
|
|
<Badge variant="primary-light" size="sm">
|
|
12
|
|
</Badge>
|
|
</TabsTrigger>
|
|
<TabsTrigger value="drafts" className="gap-2">
|
|
Drafts
|
|
<Badge variant="info-light" size="sm">
|
|
3
|
|
</Badge>
|
|
</TabsTrigger>
|
|
<TabsTrigger value="sent" className="gap-2">
|
|
Sent
|
|
</TabsTrigger>
|
|
<TabsTrigger value="spam" className="gap-2">
|
|
Spam
|
|
<Badge variant="destructive-light" size="sm">
|
|
24
|
|
</Badge>
|
|
</TabsTrigger>
|
|
</TabsList>
|
|
<TabsContent value="inbox">
|
|
<Card>
|
|
<CardContent>12 unread messages in your inbox.</CardContent>
|
|
</Card>
|
|
</TabsContent>
|
|
<TabsContent value="drafts">
|
|
<Card>
|
|
<CardContent>3 drafts waiting to be sent.</CardContent>
|
|
</Card>
|
|
</TabsContent>
|
|
<TabsContent value="sent">
|
|
<Card>
|
|
<CardContent>All sent messages appear here.</CardContent>
|
|
</Card>
|
|
</TabsContent>
|
|
<TabsContent value="spam">
|
|
<Card>
|
|
<CardContent>24 spam messages detected.</CardContent>
|
|
</Card>
|
|
</TabsContent>
|
|
</Tabs>
|
|
</div>
|
|
)
|
|
} |