mirror of
https://github.com/roleypoly/roleypoly.git
synced 2025-04-26 20:29:12 +00:00
Katalina
89f237cf22
* feat(design-system): pre-port of roleypoly/ui * feat(design-system): port molecules * chore(design-system): prettier * feat(design-system): add intro card and MDX components * fix(common/utils): hack fixtures test data moved to design-system, update accordingly * chore: document protoReflection.ts * fix(design-system): some molecules missed the magic fuckery * ci: keep going on bazel test failures * fix(design-system): server masthead molecule missed the magic fuckery * chore: fix ts paths * chore: fix docker publisher * chore: fix docker publisher names * chore(discord-bot): fix publisher * chore(discord-bot): fix publisher
35 lines
1 KiB
TypeScript
35 lines
1 KiB
TypeScript
import * as React from 'react';
|
|
import { templateStories } from 'templates/templates.story';
|
|
import { RolePickerTemplate, RolePickerTemplateProps } from './RolePicker';
|
|
import {
|
|
guildData,
|
|
member,
|
|
guildRoles,
|
|
guild,
|
|
rpUser,
|
|
guildEnum,
|
|
} from 'roleypoly/src/design-system/shared-types/storyData';
|
|
import { action } from '@storybook/addon-actions';
|
|
import { boolean } from '@storybook/addon-knobs';
|
|
|
|
const story = templateStories('Role Picker', module);
|
|
|
|
const props: RolePickerTemplateProps = {
|
|
guildData: {
|
|
...guildData,
|
|
message:
|
|
'Hey, this is kind of a demo setup so features/use cases can be shown off.\n\nThanks for using Roleypoly <3',
|
|
},
|
|
member: member,
|
|
guild: guild,
|
|
roles: guildRoles,
|
|
onSubmit: action('onSubmit'),
|
|
editable: false,
|
|
user: rpUser,
|
|
guildEnumeration: guildEnum,
|
|
activeGuildId: guild.id,
|
|
};
|
|
|
|
story.add('Role Picker', () => {
|
|
return <RolePickerTemplate {...props} editable={boolean('Editable', false)} />;
|
|
});
|