From a0115723ec4916b55b859dba79ee449ca89f8b4f Mon Sep 17 00:00:00 2001 From: chris <kokosias@yahoo.gr> Date: Thu, 28 Sep 2023 20:09:12 +0300 Subject: [PATCH] new toolbar --- editors/demo/src/Editoria/config/config.js | 4 ++++ editors/demo/src/Editoria/layout/EditoriaLayout.js | 13 +++++++++++++ wax-prosemirror-services/package.json | 1 + 3 files changed, 18 insertions(+) diff --git a/editors/demo/src/Editoria/config/config.js b/editors/demo/src/Editoria/config/config.js index ba03fd627..4ad83143d 100644 --- a/editors/demo/src/Editoria/config/config.js +++ b/editors/demo/src/Editoria/config/config.js @@ -138,6 +138,10 @@ export default { templateArea: 'BottomRightInfo', toolGroups: ['InfoToolGroup'], }, + { + templateArea: 'ToggleAiToolBar', + toolGroups: ['ToggleAi'], + }, ], // CommentsService: { readOnly: true }, diff --git a/editors/demo/src/Editoria/layout/EditoriaLayout.js b/editors/demo/src/Editoria/layout/EditoriaLayout.js index 68b7e97be..29fae5cb7 100644 --- a/editors/demo/src/Editoria/layout/EditoriaLayout.js +++ b/editors/demo/src/Editoria/layout/EditoriaLayout.js @@ -59,6 +59,15 @@ const Main = styled.div` height: 100%; `; +const ToggleAiMenu = styled.div` + display: flex; + min-height: 20px; + user-select: none; + margin-left: auto; + margin-right: 30px; + margin-bottom: 10px; +`; + const TopMenu = styled.div` display: flex; min-height: 40px; @@ -208,6 +217,7 @@ const getNotes = main => { return notes; }; +const ToggleAiToolBar = ComponentPlugin('ToggleAiToolBar'); const LeftSideBar = ComponentPlugin('leftSideBar'); const MainMenuToolBar = ComponentPlugin('mainMenuToolBar'); const NotesArea = ComponentPlugin('notesArea'); @@ -260,6 +270,9 @@ const EditoriaLayout = ({ editor }) => { return ( <ThemeProvider theme={cokoTheme}> <Wrapper style={fullScreenStyles} id="wax-container"> + <ToggleAiMenu> + <ToggleAiToolBar /> + </ToggleAiMenu> <TopMenu> <MainMenuToolBar /> </TopMenu> diff --git a/wax-prosemirror-services/package.json b/wax-prosemirror-services/package.json index 24c94788f..7341b65c7 100644 --- a/wax-prosemirror-services/package.json +++ b/wax-prosemirror-services/package.json @@ -31,6 +31,7 @@ "prosemirror-state": "1.4.2", "prosemirror-transform": "1.7.1", "prosemirror-view": "1.30.2", + "rc-switch": "^3.2.2", "react-dropdown": "^1.6.2", "use-deep-compare-effect": "^1.3.1", "uuid": "^7.0.3", -- GitLab