Briven/apps/studio/components/interfaces/Integrations/templates/StripeSyncEngine/StatusDisplay.tsx

import { AlertCircle, Check, RefreshCwIcon } from 'lucide-react'
import { SchemaInstallationStatus } from 'stripe-experiment-sync/supabase'

import {
  hasInstallError,
  hasUninstallError,
  isInstalled,
  isInstalling,
  isUninstalling,
} from './stripe-sync-status'

export const StatusDisplay = ({
  status,
  isInstallRequested,
  isInstallInitiated,
  isUninstallRequested,
  isUninstallInitiated,
  isUpgrade,
  timedOut,
}: {
  status: SchemaInstallationStatus
  isInstallRequested: boolean
  isInstallInitiated: boolean
  isUninstallRequested: boolean
  isUninstallInitiated: boolean
  isUpgrade?: boolean
  timedOut: boolean
}) => {
  const installed = isInstalled(status)
  const installError = hasInstallError(status)
  const uninstallError = hasUninstallError(status)
  const installInProgress = isInstalling(status)
  const uninstallInProgress = isUninstalling(status)

  const installing = (installInProgress || isInstallRequested || isInstallInitiated) && !timedOut
  const uninstalling =
    (uninstallInProgress || isUninstallRequested || isUninstallInitiated) && !timedOut

  if (uninstalling) {
    return (
      <span className="flex items-center gap-2 text-foreground-light text-sm">
        <RefreshCwIcon size={14} className="animate-spin text-foreground-lighter" />
        Uninstalling...
      </span>
    )
  }
  if (uninstallError) {
    return (
      <span className="flex items-center gap-2 text-foreground-light text-sm">
        <AlertCircle size={14} className="text-destructive" />
        Uninstallation error
      </span>
    )
  }
  if (installing) {
    return (
      <span className="flex items-center gap-2 text-foreground-light text-sm">
        <RefreshCwIcon size={14} className="animate-spin text-foreground-lighter" />
        {isUpgrade ? 'Upgrading...' : 'Installing...'}
      </span>
    )
  }
  if (installError) {
    return (
      <span className="flex items-center gap-2 text-foreground-light text-sm">
        <AlertCircle size={14} className="text-destructive" />
        {isUpgrade ? 'Upgrade error' : 'Installation error'}
      </span>
    )
  }
  if (installed) {
    return (
      <span className="flex items-center gap-2 text-foreground-light text-sm">
        <Check size={14} strokeWidth={1.5} className="text-brand" /> Installed
      </span>
    )
  }
  return (
    <span className="flex items-center gap-2 text-foreground-light text-sm">Not installed</span>
  )
}