mirror of
https://github.com/roleypoly/roleypoly.git
synced 2025-04-25 03:49: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
21 lines
586 B
TypeScript
21 lines
586 B
TypeScript
import * as React from 'react';
|
|
import { guild, mastheadSlugs, user } from '../../fixtures/storyData';
|
|
import { Authed } from './Authed';
|
|
import { Guest } from './Guest';
|
|
import { Skeleton } from './Skeleton';
|
|
|
|
export default {
|
|
title: 'Organisms/Masthead',
|
|
};
|
|
|
|
export const hasGuilds = () => (
|
|
<Authed guilds={mastheadSlugs} activeGuildId={guild.id} user={user} recentGuilds={[]} />
|
|
);
|
|
|
|
export const noGuilds = () => (
|
|
<Authed guilds={[]} activeGuildId={null} user={user} recentGuilds={[]} />
|
|
);
|
|
|
|
export const guest = () => <Guest />;
|
|
|
|
export const skeleton = () => <Skeleton />;
|