webview/src/plots/components/ribbon/RevisionIcon.tsx
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>
)