* Add an engine error type for an "outage" * Add a loading spinner back to the stream just for engine connection * Refactor Loading spinner to account for early errors * Add styling and state logic for unrecoverable errors in Loading * Let engine error messages contain markdown * Clarify 'too many connections' error message * Add a "VeryLongLoadTime" error that suggests checking firewall * Give the engine connection spinner a test ID and use it
23 lines
437 B
TypeScript
23 lines
437 B
TypeScript
import type { SVGProps } from 'react'
|
|
|
|
export const Spinner = (props: SVGProps<SVGSVGElement>) => {
|
|
return (
|
|
<svg
|
|
data-testid="spinner"
|
|
viewBox="0 0 10 10"
|
|
className={'w-8 h-8'}
|
|
{...props}
|
|
>
|
|
<circle
|
|
cx="5"
|
|
cy="5"
|
|
r="4"
|
|
stroke="currentColor"
|
|
fill="none"
|
|
strokeDasharray="4, 4"
|
|
className="animate-spin origin-center"
|
|
/>
|
|
</svg>
|
|
)
|
|
}
|