mirror of
https://github.com/roleypoly/roleypoly.git
synced 2025-04-25 11:59:11 +00:00
Katalina
e0fcfc310e
* feat: add skeleton masthead and generic loading page * add generic loader to picker page * smooth out spinner, add no-motion state
27 lines
754 B
TypeScript
27 lines
754 B
TypeScript
import { Logotype } from '@roleypoly/design-system/atoms/branding';
|
|
import { palette } from '@roleypoly/design-system/atoms/colors';
|
|
import { UserAvatarGroupSkeleton } from '@roleypoly/design-system/molecules/user-avatar-group';
|
|
import {
|
|
MastheadAlignment,
|
|
MastheadBase,
|
|
MastheadLeft,
|
|
MastheadRight,
|
|
} from './Masthead.styled';
|
|
|
|
export const Skeleton = () => (
|
|
<MastheadBase>
|
|
<MastheadAlignment>
|
|
<MastheadLeft>
|
|
<Logotype
|
|
height={30}
|
|
circleFill={palette.taupe300}
|
|
circleOuterFill={palette.taupe200}
|
|
typeFill={palette.taupe300}
|
|
/>
|
|
</MastheadLeft>
|
|
<MastheadRight>
|
|
<UserAvatarGroupSkeleton />
|
|
</MastheadRight>
|
|
</MastheadAlignment>
|
|
</MastheadBase>
|
|
);
|