mirror of
https://github.com/stackblitz-labs/bolt.diy
synced 2025-06-26 18:26:38 +00:00
4d3222ee96
- Move stores/utils/types to their relative directories (i.e chat stores in chat directory) - Move utility files to shared/utils - Move component files to shared/components - Move type definitions to shared/types - Move stores to shared/stores - Update import paths across the project
28 lines
705 B
TypeScript
28 lines
705 B
TypeScript
import { memo, useEffect, useState } from 'react';
|
|
|
|
interface LoadingDotsProps {
|
|
text: string;
|
|
}
|
|
|
|
export const LoadingDots = memo(({ text }: LoadingDotsProps) => {
|
|
const [dotCount, setDotCount] = useState(0);
|
|
|
|
useEffect(() => {
|
|
const interval = setInterval(() => {
|
|
setDotCount((prevDotCount) => (prevDotCount + 1) % 4);
|
|
}, 500);
|
|
|
|
return () => clearInterval(interval);
|
|
}, []);
|
|
|
|
return (
|
|
<div className="flex justify-center items-center h-full">
|
|
<div className="relative">
|
|
<span>{text}</span>
|
|
<span className="absolute left-[calc(100%-12px)]">{'.'.repeat(dotCount)}</span>
|
|
<span className="invisible">...</span>
|
|
</div>
|
|
</div>
|
|
);
|
|
});
|