Skip to content

Commit ca39650

Browse files
committed
refactor: enhance search button layout and add icon in TypeBadge component
1 parent c2a1f2f commit ca39650

File tree

1 file changed

+5
-4
lines changed

1 file changed

+5
-4
lines changed

src/modules/datasets/dataset/schema/TypeBadge.tsx

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import { cn } from '@/lib/utils';
2+
import { Search } from 'lucide-react';
23
import React from 'react';
34
import {
45
Tooltip,
@@ -78,14 +79,14 @@ const renderTooltipContent = (
7879
))}
7980
{onSchemaSearch && (
8081
<button
81-
className="text-xs hover:underline"
82+
className="flex justify-center gap-1 pt-2 text-xs hover:underline"
8283
onClick={(event) => {
8384
event.stopPropagation();
8485
event.preventDefault();
8586
onSchemaSearch(schemaPaths);
8687
}}
8788
>
88-
Search schemas
89+
Search schemas <Search size="16" />
8990
</button>
9091
)}
9192
</div>
@@ -152,14 +153,14 @@ const TypeBadge: React.FC<TypeBadgeProps> = ({
152153
{badges}
153154
{!enableTooltip && onSchemaSearch && (
154155
<button
155-
className="text-xs hover:underline"
156+
className="flex items-center gap-1 text-xs hover:underline"
156157
onClick={(event) => {
157158
event.stopPropagation();
158159
event.preventDefault();
159160
onSchemaSearch(schemaPaths);
160161
}}
161162
>
162-
Search schemas
163+
Search schemas <Search size="16" />
163164
</button>
164165
)}
165166
</div>

0 commit comments

Comments
 (0)