mirror of
https://github.com/MODSetter/SurfSense.git
synced 2026-04-26 01:06:23 +02:00
34230bdb84
- Updated the handleSubmitConnectForm function to accept an additional parameter for indexing start notification, improving the connector form submission process. - Adjusted tooltip styling across various components for consistency and improved visual clarity. - Simplified conditional rendering in ActiveConnectorsTab and ConnectorAccountsListView to enhance UI responsiveness during indexing operations.
40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
"use client";
|
|
|
|
import { Slottable } from "@radix-ui/react-slot";
|
|
import { type ComponentPropsWithRef, forwardRef } from "react";
|
|
import { Button } from "@/components/ui/button";
|
|
import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
export type TooltipIconButtonProps = ComponentPropsWithRef<typeof Button> & {
|
|
tooltip: string;
|
|
side?: "top" | "bottom" | "left" | "right";
|
|
};
|
|
|
|
export const TooltipIconButton = forwardRef<HTMLButtonElement, TooltipIconButtonProps>(
|
|
({ children, tooltip, side = "bottom", className, ...rest }, ref) => {
|
|
return (
|
|
<Tooltip>
|
|
<TooltipTrigger asChild>
|
|
<Button
|
|
variant="ghost"
|
|
size="icon"
|
|
{...rest}
|
|
className={cn("aui-button-icon size-6 p-1", className)}
|
|
ref={ref}
|
|
>
|
|
<Slottable>{children}</Slottable>
|
|
<span className="aui-sr-only sr-only">{tooltip}</span>
|
|
</Button>
|
|
</TooltipTrigger>
|
|
<TooltipContent
|
|
side={side}
|
|
>
|
|
{tooltip}
|
|
</TooltipContent>
|
|
</Tooltip>
|
|
);
|
|
}
|
|
);
|
|
|
|
TooltipIconButton.displayName = "TooltipIconButton";
|