Add animations to loaders.

This commit is contained in:
Paul
2021-06-22 16:29:47 +01:00
parent e98a962071
commit 22b21c030f
16 changed files with 123 additions and 21 deletions

View File

@@ -215,10 +215,10 @@ export function MessageArea({ id }: Props) {
<MessageAreaWidthContext.Provider value={(width ?? 0) - MESSAGE_AREA_PADDING}>
<Area ref={ref}>
<div>
{state.type === "LOADING" && <Preloader />}
{state.type === "LOADING" && <Preloader type="ring" />}
{state.type === "WAITING_FOR_NETWORK" && (
<RequiresOnline>
<Preloader />
<Preloader type="ring" />
</RequiresOnline>
)}
{state.type === "RENDER" && (

View File

@@ -60,7 +60,7 @@ function MessageRenderer({ id, state, queue }: Props) {
} else {
render.push(
<RequiresOnline>
<Preloader />
<Preloader type="ring" />
</RequiresOnline>
);
}
@@ -148,7 +148,7 @@ function MessageRenderer({ id, state, queue }: Props) {
} else {
render.push(
<RequiresOnline>
<Preloader />
<Preloader type="ring" />
</RequiresOnline>
);
}