feat: add a preloader for members list

This commit is contained in:
Paul Makles 2022-04-30 15:22:06 +01:00
parent a66e96677f
commit 4ccfaea973

View file

@ -16,6 +16,7 @@ import Checkbox from "../../../components/ui/Checkbox";
import IconButton from "../../../components/ui/IconButton";
import InputBox from "../../../components/ui/InputBox";
import Overline from "../../../components/ui/Overline";
import { Preloader } from "@revoltchat/ui";
interface InnerProps {
member: Member;
@ -124,7 +125,7 @@ export const Members = ({ server }: Props) => {
contrast
/>
<div className={styles.subtitle}>{data?.length ?? 0} Members</div>
{members && (
{members ? (
<div className={styles.virtual}>
<Virtuoso
totalCount={members.length}
@ -133,6 +134,8 @@ export const Members = ({ server }: Props) => {
)}
/>
</div>
) : (
<Preloader type="ring" />
)}
</div>
);