jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Refactor RefreshButton component to accept className and id props

Browse source
This commit is contained in:
Gabriel Luiz Freitas Almeida 2024-03-04 10:50:17 -03:00
commit 4487a839e6
1 changed files with 8 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/frontend/src/components/ui/refreshButton.tsx
View file

@ -8,11 +8,15 @@ function RefreshButton({
name, name,
data, data,
handleUpdateValues, handleUpdateValues,
className,
id,
}: { }: {
disabled: boolean; disabled: boolean;
name: string; name: string;
data: NodeDataType; data: NodeDataType;
className?: string;
handleUpdateValues: (name: string, data: NodeDataType) => void; handleUpdateValues: (name: string, data: NodeDataType) => void;
id: string;
}) { }) {
const [isLoading, setIsLoading] = useState(false); const [isLoading, setIsLoading] = useState(false);
@ -37,8 +41,8 @@ function RefreshButton({
} }
}; };
const className = cn( const classNames = cn(
"extra-side-bar-buttons ml-2 mt-1 w-1/6", className,
disabled ? "cursor-not-allowed" : "cursor-pointer" disabled ? "cursor-not-allowed" : "cursor-pointer"
); );
@ -51,10 +55,11 @@ function RefreshButton({
); );
return ( return (
<button className={className} onClick={handleClick}> <button className={classNames} onClick={handleClick} id={id}>
<IconComponent <IconComponent
name={isLoading ? "Loader2" : "RefreshCcw"} name={isLoading ? "Loader2" : "RefreshCcw"}
className={iconClassName} className={iconClassName}
id={id + "-icon"}
/> />
</button> </button>
); );