abner/for-legacy-web
1
0
Fork 1
mirror of https://github.com/stoatchat/for-legacy-web.git synced 2026-03-07 09:25:27 +00:00
Code Issues Packages Projects Releases 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 dbc6249f19
commit 3236763cc8
1 changed files with 4 additions and 1 deletions
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>
); );