mirror of
https://github.com/roleypoly/roleypoly.git
synced 2025-04-25 03:49:11 +00:00
Katalina
7d681d69d6
* feat(design-system): add editor skeletons * use css media queries rather than JS media queries * init remake * feat: add basis of toggle atom * finish toggle * use pointer cursor with toggle * sync * feat: add server message in editor * cleanup storybook * add short editor item and data model for categories * chore: fix build by moving jest version downward * chore: remove old category editor * chore: fix EditorCategoryShort index * add editor wiring and styling updates * fix linting issues
20 lines
745 B
TypeScript
20 lines
745 B
TypeScript
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) => {
|
|
return (
|
|
<TabDepth>
|
|
<Space />
|
|
<Text>Server Message</Text>
|
|
<MultilineTextInput
|
|
value={props.guild.data.message}
|
|
onChange={(eventData) => props.onMessageChange?.(eventData.target.value)}
|
|
/>
|
|
<Space />
|
|
</TabDepth>
|
|
);
|
|
};
|