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

add short editor item and data model for categories

Browse source
This commit is contained in:
41666 2021-07-04 19:57:12 -05:00
parent 17bceae60f
commit 0deca68ca8
9 changed files with 231 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,16 +1,20 @@
import { Space } from '@roleypoly/design-system/atoms/space';
import { TabDepth } from '@roleypoly/design-system/atoms/tab-view/TabView.styled';
import { MultilineTextInput } from '@roleypoly/design-system/atoms/text-input';
import { Text } from '@roleypoly/design-system/atoms/typography';
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
<TabDepth>
<Space />
<Text>Server Message</Text>
<MultilineTextInput
value={serverMessage}
onChange={(eventData) => updateServerMessage(eventData.target.value)}
value={props.guild.data.message}
onChange={(eventData) => props.onMessageChange?.(eventData.target.value)}
/>
</div>
<Space />
</TabDepth>
);
};