mirror of
https://github.com/roleypoly/roleypoly.git
synced 2025-05-07 01:02:36 +00:00
Feat/editor category pass2 (#290)
* 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
This commit is contained in:
parent
a37d481b18
commit
7d681d69d6
48 changed files with 927 additions and 1100 deletions
20
packages/design-system/atoms/toggle/Toggle.tsx
Normal file
20
packages/design-system/atoms/toggle/Toggle.tsx
Normal file
|
@ -0,0 +1,20 @@
|
|||
import { ToggleState, ToggleSwitch } from './Toggle.styled';
|
||||
|
||||
type ToggleProps = {
|
||||
onChange?: (newState: boolean) => void;
|
||||
children: React.ReactNode;
|
||||
state: boolean;
|
||||
};
|
||||
|
||||
export const Toggle = (props: ToggleProps) => (
|
||||
<div
|
||||
onClick={() => {
|
||||
props.onChange?.(!props.state);
|
||||
}}
|
||||
>
|
||||
<ToggleSwitch state={props.state}>
|
||||
<ToggleState />
|
||||
</ToggleSwitch>
|
||||
{props.children}
|
||||
</div>
|
||||
);
|
Loading…
Add table
Add a link
Reference in a new issue