mirror of
https://github.com/roleypoly/roleypoly.git
synced 2025-07-02 00:26:58 +00:00
feat: add skeleton masthead and generic loading page (#182)
* feat: add skeleton masthead and generic loading page * add generic loader to picker page * smooth out spinner, add no-motion state
This commit is contained in:
parent
fa85b30cf0
commit
e0fcfc310e
28 changed files with 380 additions and 30 deletions
|
@ -0,0 +1,17 @@
|
|||
import { Avatar } from '@roleypoly/design-system/atoms/avatar';
|
||||
import { palette } from '@roleypoly/design-system/atoms/colors';
|
||||
import { PlaceholderBox } from '@roleypoly/design-system/atoms/placeholder';
|
||||
import * as React from 'react';
|
||||
import { Collapse, Group, GroupText } from './UserAvatarGroup.styled';
|
||||
|
||||
export const UserAvatarGroupSkeleton = () => (
|
||||
<Group>
|
||||
<Collapse preventCollapse={false}>
|
||||
<GroupText>
|
||||
<PlaceholderBox firstColor={palette.taupe200} secondColor={palette.taupe300} />
|
||||
</GroupText>
|
||||
|
||||
</Collapse>
|
||||
<Avatar deliberatelyEmpty size={34}></Avatar>
|
||||
</Group>
|
||||
);
|
Loading…
Add table
Add a link
Reference in a new issue