Skip to content

Commit 341344e

Browse files
author
flowcore-platform
committed
fix: update DataSourcesPage to use Button component for new data source link
- Replaced the styled Link component with a Button component that wraps the Link for better integration with base-ui. - Added nativeButton={false} to ensure proper rendering and behavior. - Enhances the user interface while maintaining functionality.
1 parent 309c7c8 commit 341344e

File tree

1 file changed

+10
-5
lines changed

1 file changed

+10
-5
lines changed

app/data-sources/page.tsx

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { DatabaseIcon, PlusIcon } from "lucide-react"
22
import Link from "next/link"
33
import { getServerSession } from "next-auth"
4-
import { buttonVariants } from "@/components/ui/button"
4+
import { Button, buttonVariants } from "@/components/ui/button"
55
import { Card, CardContent } from "@/components/ui/card"
66
import { authOptions } from "@/lib/auth"
77
import * as dataSourceService from "@/lib/services/data-source.service"
@@ -47,10 +47,15 @@ export default async function DataSourcesPage() {
4747
<h1 className="text-2xl font-bold">Data Sources</h1>
4848
<p className="text-sm text-muted-foreground">Manage your PostgreSQL data sources</p>
4949
</div>
50-
<Link href="/data-sources/new" className={cn(buttonVariants(), "flex items-center")}>
51-
<PlusIcon className="h-4 w-4 mr-2" />
52-
New Data Source
53-
</Link>
50+
<Button
51+
nativeButton={false}
52+
render={
53+
<Link href="/data-sources/new" className="flex items-center">
54+
<PlusIcon className="h-4 w-4 mr-2" />
55+
New Data Source
56+
</Link>
57+
}
58+
/>
5459
</div>
5560

5661
{dataSources.length === 0 ? (

0 commit comments

Comments
 (0)