oxios 1.10.1

Oxios Agent OS — Agent Operating System powered by oxi-sdk
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

import { RefreshCw } from 'lucide-react'
import { useTranslation } from 'react-i18next'
import { Button } from '@/components/ui/button'

interface RefreshButtonProps {
  /** Called when the button is clicked / refresh is triggered. */
  onClick: () => void
  /** Show spinning animation. */
  isFetching?: boolean
  /** Visual variant – "button" (default, for page headers) or "icon" (minimal). */
  variant?: 'button' | 'icon'
  /** Disable the button. */
  disabled?: boolean
}

/**
 * Canonical refresh button used across all pages.
 * Replaces the mix of `<Button variant="outline">` and bare `<button>` patterns.
 */
export function RefreshButton({
  onClick,
  isFetching = false,
  variant = 'button',
  disabled = false,
}: RefreshButtonProps) {
  const { t } = useTranslation()
  if (variant === 'icon') {
    return (
      <button
        type="button"
        onClick={onClick}
        aria-label={t('common.refresh')}
        disabled={disabled}
        className="rounded-md p-2 hover:bg-muted transition-colors"
      >
        <RefreshCw className={`h-4 w-4 ${isFetching ? 'animate-spin' : ''}`} />
      </button>
    )
  }

  return (
    <Button variant="outline" size="sm" onClick={onClick} disabled={disabled}>
      <RefreshCw className={`h-4 w-4 mr-1 ${isFetching ? 'animate-spin' : ''}`} />{' '}
      {t('common.refresh')}
    </Button>
  )
}