roleypoly/v3
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly.git synced 2025-06-17 09:59:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(design-system): add editor skeletons

Browse source
This commit is contained in:
41666 2021-03-24 00:02:39 -04:00
parent 9ee7fb4878
commit 600aa3e075
9 changed files with 53 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

12
packages/design-system/organisms/editor-shell/EditorShell.stories.tsx Normal file
View file

@ -0,0 +1,12 @@
import { BreakpointsProvider } from '@roleypoly/design-system/atoms/breakpoints';
import { guildEnum } from '@roleypoly/design-system/fixtures/storyData';
import * as React from 'react';
import { EditorShell } from './EditorShell';
export default {
title: 'Organisms/Editor',
component: EditorShell,
decorators: [(story) => <BreakpointsProvider>{story()}</BreakpointsProvider>],
};
export const Shell = () => <EditorShell guild={guildEnum.guilds[0]} />;

15
packages/design-system/organisms/editor-shell/EditorShell.tsx Normal file
View file

@ -0,0 +1,15 @@
import { Tab, TabView } from '@roleypoly/design-system/atoms/tab-view';
import { EditorCategoriesTab } from '@roleypoly/design-system/organisms/editor-categories-tab';
import { PresentableGuild } from '@roleypoly/types';
export type EditorShellProps = {
guild: PresentableGuild;
};
export const EditorShell = (props: EditorShellProps) => (
<TabView initialTab={0}>
<Tab title="Guild Details">{() => <div>hi2!</div>}</Tab>
<Tab title="Categories & Roles">{() => <EditorCategoriesTab {...props} />}</Tab>
<Tab title="Utilities">{() => <div>hi2!</div>}</Tab>
</TabView>
);

1
packages/design-system/organisms/editor-shell/index.ts Normal file
View file

@ -0,0 +1 @@
export * from './EditorShell';