mirror of
https://github.com/MODSetter/SurfSense.git
synced 2026-06-02 19:55:18 +02:00
refactor: update ActiveConnectorsTab and ChatShareButton components for improved UI
- Adjusted styling in ActiveConnectorsTab to enhance visual clarity by modifying the Cable component's class. - Removed unnecessary elements from ChatShareButton to streamline the UI and updated the loading text for consistency.
This commit is contained in:
parent
802419502d
commit
4281e6f15d
2 changed files with 2 additions and 20 deletions
|
|
@ -313,19 +313,12 @@ export const ActiveConnectorsTab: FC<ActiveConnectorsTabProps> = ({
|
||||||
) : (
|
) : (
|
||||||
<div className="flex flex-col items-center justify-center py-20 text-center">
|
<div className="flex flex-col items-center justify-center py-20 text-center">
|
||||||
<div className="flex h-16 w-16 items-center justify-center rounded-full bg-muted mb-4">
|
<div className="flex h-16 w-16 items-center justify-center rounded-full bg-muted mb-4">
|
||||||
<Cable className="size-8 text-muted-foreground/50" />
|
<Cable className="size-8 text-muted-foreground" />
|
||||||
</div>
|
</div>
|
||||||
<h4 className="text-lg font-semibold">No active sources</h4>
|
<h4 className="text-lg font-semibold">No active sources</h4>
|
||||||
<p className="text-sm text-muted-foreground mt-1 max-w-[280px]">
|
<p className="text-sm text-muted-foreground mt-1 max-w-[280px]">
|
||||||
Connect your first service to start searching across all your data.
|
Connect your first service to start searching across all your data.
|
||||||
</p>
|
</p>
|
||||||
<Button
|
|
||||||
variant="link"
|
|
||||||
className="mt-6 text-primary hover:underline"
|
|
||||||
onClick={() => onTabChange("all")}
|
|
||||||
>
|
|
||||||
Browse available connectors
|
|
||||||
</Button>
|
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</TabsContent>
|
</TabsContent>
|
||||||
|
|
|
||||||
|
|
@ -111,24 +111,13 @@ export function ChatShareButton({ thread, onVisibilityChange, className }: ChatS
|
||||||
align="end"
|
align="end"
|
||||||
sideOffset={8}
|
sideOffset={8}
|
||||||
>
|
>
|
||||||
<div className="p-3 md:p-4">
|
|
||||||
<div className="flex items-center gap-2">
|
|
||||||
<div>
|
|
||||||
<h4 className="text-sm font-semibold">Share Chat</h4>
|
|
||||||
<p className="text-xs text-muted-foreground">
|
|
||||||
Control who can access this conversation
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="p-1.5 space-y-1">
|
<div className="p-1.5 space-y-1">
|
||||||
{/* Updating overlay */}
|
{/* Updating overlay */}
|
||||||
{isUpdating && (
|
{isUpdating && (
|
||||||
<div className="absolute inset-0 z-10 flex items-center justify-center bg-background/80 backdrop-blur-sm rounded-xl">
|
<div className="absolute inset-0 z-10 flex items-center justify-center bg-background/80 backdrop-blur-sm rounded-xl">
|
||||||
<div className="flex items-center gap-2 text-sm text-muted-foreground">
|
<div className="flex items-center gap-2 text-sm text-muted-foreground">
|
||||||
<Loader2 className="size-4 animate-spin" />
|
<Loader2 className="size-4 animate-spin" />
|
||||||
<span>Updating...</span>
|
<span>Updating</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue