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: add server message in editor

Browse source
This commit is contained in:
41666 2021-07-04 13:16:26 -05:00
parent be16da1686
commit 1829035694
4 changed files with 54 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

16
packages/design-system/organisms/editor-details-tab/EditorDetailsTab.tsx Normal file
View file

@ -0,0 +1,16 @@
import { MultilineTextInput } from '@roleypoly/design-system/atoms/text-input';
import { EditorShellProps } from '@roleypoly/design-system/organisms/editor-shell';
import * as React from 'react';
export const EditorDetailsTab = (props: EditorShellProps) => {
const [serverMessage, updateServerMessage] = React.useState(props.guild.data.message);
return (
<div>
Server Message
<MultilineTextInput
value={serverMessage}
onChange={(eventData) => updateServerMessage(eventData.target.value)}
/>
</div>
);
};

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

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

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

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