22 lines
690 B
TypeScript
22 lines
690 B
TypeScript
import React from 'react';
|
|
import { CircularLoader, Icon, Tooltip } from 'UI';
|
|
import cn from 'classnames';
|
|
|
|
interface Props {
|
|
loading?: boolean;
|
|
onClick: () => void;
|
|
iconSize?: number;
|
|
iconName?: string;
|
|
className?: string;
|
|
}
|
|
export default function ReloadButton(props: Props) {
|
|
const { loading, onClick, iconSize = '20', iconName = 'arrow-repeat', className = '' } = props;
|
|
return (
|
|
<Tooltip title="Refresh">
|
|
<div className={cn('h-5 w-6 flex items-center justify-center', className)} onClick={onClick}>
|
|
{/* @ts-ignore */}
|
|
{loading ? <CircularLoader className="ml-1" /> : <Icon name={iconName} size={iconSize} />}
|
|
</div>
|
|
</Tooltip>
|
|
);
|
|
}
|