iterative/vscode-dvc

View on GitHub
webview/src/plots/components/ribbon/RevisionIcon.tsx

Summary

Maintainability
A
0 mins
Test Coverage
A
100%
import React from 'react'
import cx from 'classnames'
import { VSCodeProgressRing } from '@vscode/webview-ui-toolkit/react'
import styles from './styles.module.scss'

export const RevisionIcon: React.FC<{
  fetched: boolean
  errors?: string[]
}> = ({ fetched, errors }) => (
  <div className={styles.iconPlaceholder}>
    {fetched && errors && '!'}
    {!fetched && (
      <VSCodeProgressRing className={cx(styles.fetching, 'chromatic-ignore')} />
    )}
  </div>
)