cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-25 08:30:58 -05:00
Code Issues Projects Releases Packages Wiki Activity

feat: add a preloader for members list

Browse source
This commit is contained in:
Paul Makles 2022-04-30 15:22:06 +01:00
parent a66e96677f
commit 4ccfaea973
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/pages/settings/server/Members.tsx
View file

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