mirror of
https://github.com/outline/outline.git
synced 2026-06-23 08:14:24 +03:00
Tom Moor
21 lines
425 B
JavaScript
21 lines
425 B
JavaScript
// @flow
|
|
import * as React from "react";
|
|
|
|
type Props = {|
|
|
interval?: number,
|
|
|};
|
|
|
|
export default function LoadingEllipsis({ interval = 750 }: Props) {
|
|
const [step, setStep] = React.useState(0);
|
|
|
|
React.useEffect(() => {
|
|
const handle = setInterval(() => {
|
|
setStep((step) => (step === 3 ? 0 : step + 1));
|
|
}, interval);
|
|
|
|
return () => clearInterval(handle);
|
|
}, [interval]);
|
|
|
|
return ".".repeat(step);
|
|
}
|