UniqAI/bolt.diy
1
0
Fork 0
mirror of https://github.com/stackblitz-labs/bolt.diy synced 2025-01-23 03:07:05 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

added spinner

Browse Source
This commit is contained in:
Anirban Kar 2024-12-06 17:14:56 +05:30
parent 4139dbd0df
commit 417dbcab9b
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/components/chat/Artifact.tsx
View File

@ -28,6 +28,7 @@ interface ArtifactProps {
export const Artifact = memo(({ messageId }: ArtifactProps) => { export const Artifact = memo(({ messageId }: ArtifactProps) => {
const userToggledActions = useRef(false); const userToggledActions = useRef(false);
const [showActions, setShowActions] = useState(false); const [showActions, setShowActions] = useState(false);
const [allActionFinished, setAllActionFinished] = useState(false);
const artifacts = useStore(workbenchStore.artifacts); const artifacts = useStore(workbenchStore.artifacts);
const artifact = artifacts[messageId]; const artifact = artifacts[messageId];
@ -47,6 +48,11 @@ export const Artifact = memo(({ messageId }: ArtifactProps) => {
if (actions.length && !showActions && !userToggledActions.current) { if (actions.length && !showActions && !userToggledActions.current) {
setShowActions(true); setShowActions(true);
} }
if (actions.length !== 0) {
const finished = !actions.find((action) => action.status !== 'complete');
setAllActionFinished(finished);
}
}, [actions]); }, [actions]);
return ( return (
@ -62,7 +68,11 @@ export const Artifact = memo(({ messageId }: ArtifactProps) => {
{artifact.type == 'bundled' && ( {artifact.type == 'bundled' && (
<> <>
<div className="p-4"> <div className="p-4">
{allActionFinished ? (
<div className={'i-ph:files-light'} style={{ fontSize: '2rem' }}></div> <div className={'i-ph:files-light'} style={{ fontSize: '2rem' }}></div>
) : (
<div className={'i-svg-spinners:90-ring-with-bg'} style={{ fontSize: '2rem' }}></div>
)}
</div> </div>
<div className="bg-bolt-elements-artifacts-borderColor w-[1px]" /> <div className="bg-bolt-elements-artifacts-borderColor w-[1px]" />
</> </>