manifold/web/components/loading-indicator.tsx
James Grugett 552e6e6c3a
Custom feed (#43)
* Show custom feed of contracts from folds your follow or have bet on.

* Add tw-elements UI library

* Add loading spinner while feed loads

* Switch from onSnapshot to our listenForValues, which doesn't set with partial cached values

* Change home tags to communities

* Remove tw-elements for now
2022-02-03 18:13:04 -06:00

15 lines
409 B
TypeScript

import clsx from 'clsx'
export function LoadingIndicator(props: { className?: string }) {
const { className } = props
return (
<div className={clsx('flex justify-center items-center', className)}>
<div
className="spinner-border animate-spin inline-block w-8 h-8 border-4 border-solid border-r-transparent rounded-full border-indigo-500"
role="status"
/>
</div>
)
}