github/TheGame
1
1
Fork 0
mirror of https://github.com/MetaFam/TheGame.git synced 2026-01-22 20:58:01 -05:00
Code Issues Packages Projects Releases Wiki Activity

Added loading spinner to player memberships section

Browse Source
This commit is contained in:
Alec LaLonde
2021-08-26 15:09:52 -06:00
committed by Alec LaLonde
parent 29abec059d
commit ba356c787d
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
packages/web/components/Player/Section/PlayerMemberships.tsx
View File

@@ -4,6 +4,7 @@ import {
Heading,
HStack,
Link,
LoadingState,
Modal,
ModalCloseButton,
ModalContent,
@@ -180,12 +181,14 @@ export const PlayerMemberships: React.FC<MembershipSectionProps> = ({
const [guildMemberships, setGuildMemberships] = useState<GuildMembership[]>(
[],
);
const [loadingMemberships, setLoadingMemberships] = useState<boolean>(true);
useEffect(() => {
getAllMemberships(player).then((memberships) =>
setGuildMemberships(memberships),
);
}, [player, setGuildMemberships]);
getAllMemberships(player).then((memberships) => {
setLoadingMemberships(false);
setGuildMemberships(memberships);
});
}, [player]);
const modalContentStyles = isBackdropFilterSupported()
? {
@@ -198,6 +201,8 @@ export const PlayerMemberships: React.FC<MembershipSectionProps> = ({
return (
<ProfileSection title="Memberships" onRemoveClick={onRemoveClick}>
{loadingMemberships && <LoadingState />}
{guildMemberships.slice(0, 4).map((membership) => (
<DaoListing key={membership.memberId} membership={membership} />
))}