diff --git a/src/Admin/Components/Components/Inputs/EditCollection.js b/src/Admin/Components/Components/Inputs/EditCollection.js index e455706258f0ae86a984beaefa02f17a6b902803..47042b19cee52f0fd095b6d08b0fb25c21606166 100644 --- a/src/Admin/Components/Components/Inputs/EditCollection.js +++ b/src/Admin/Components/Components/Inputs/EditCollection.js @@ -35,7 +35,8 @@ import LoadingSpinner from '../../../../Components/LoadingSpinner'; import { EditFilter, GetAData } from '../../../Filters'; //routers import { Link } from 'react-router-dom'; -import ReactRichEditor from "react-rich-text-editor"; +import ClassicEditor from "@ckeditor/ckeditor5-build-classic" +import { CKEditor } from '@ckeditor/ckeditor5-react'; const EditCollection = ({ match }) => { const { state, dispatch } = useContext(Store); @@ -147,26 +148,26 @@ const EditCollection = ({ match }) => { const onSubmit = async () => { setIsLoading(true) const api = EditFilter('collections', id) - let body = { - "collection": { - "name": name, - "privacy": privacy, - "description": description - } + let body = { + "collection": { + "name": name, + "privacy": privacy, + "description": description } - putRequest( - api, - body, - (data) => { - HandleSnack('A Coleção foi alterada com sucesso', true, 'success', '#228B22') - setIsLoading(false) - }, - (error) => { - HandleSnack('Ocorreu algum erro', true, 'warning', '#FA8072') - setIsLoading(false) - } - ) } + putRequest( + api, + body, + (data) => { + HandleSnack('A Coleção foi alterada com sucesso', true, 'success', '#228B22') + setIsLoading(false) + }, + (error) => { + HandleSnack('Ocorreu algum erro', true, 'warning', '#FA8072') + setIsLoading(false) + } + ) + } useEffect(() => { getRequest( @@ -263,12 +264,13 @@ const EditCollection = ({ match }) => { </MenuItem> ))} </TextField> - <ReactRichEditor - height={200} - onCodeChange={(word) => { - setDescription(word) + <CKEditor + editor={ClassicEditor} + data={description} + onBlur={(event, editor) => { + const data = editor.getData(); + setDescription(data) }} - showAll={true} /> </form> </CardContent> diff --git a/src/Admin/Components/Components/Inputs/EditEducationalObect.js b/src/Admin/Components/Components/Inputs/EditEducationalObect.js index 7c6c3ef96ebf3422df1eff9f9bfe800ec9203f8f..0446783ee4a69cd847f5d526afeb59c90fe3fec8 100644 --- a/src/Admin/Components/Components/Inputs/EditEducationalObect.js +++ b/src/Admin/Components/Components/Inputs/EditEducationalObect.js @@ -46,7 +46,8 @@ import { import { EditFilter } from "../../../Filters"; //routers import { Link } from "react-router-dom"; -import ReactRichEditor from "react-rich-text-editor"; +import ClassicEditor from "@ckeditor/ckeditor5-build-classic" +import { CKEditor } from '@ckeditor/ckeditor5-react'; const useStyles = makeStyles((theme) => ({ root: { @@ -583,13 +584,13 @@ const EditEducationalObject = ({ match }) => { </TabPanel> <TabPanel value={value} index={1} dir={theme.direction}> - <ReactRichEditor - height={200} - onCodeChange={(word) => { - text = word + <CKEditor + editor={ClassicEditor} + data={description} + onBlur={(event, editor) => { + const data = editor.getData(); + setDescription(data) }} - showAll={true} - /> </TabPanel> diff --git a/src/Admin/Components/Components/Inputs/EmailInputs.js b/src/Admin/Components/Components/Inputs/EmailInputs.js index 8790e927f9ff46fb0ebaf4a84e805a5c15319d0f..87ac1268686411236cfd3c251c745c4cb4606a9a 100644 --- a/src/Admin/Components/Components/Inputs/EmailInputs.js +++ b/src/Admin/Components/Components/Inputs/EmailInputs.js @@ -31,7 +31,8 @@ import Chip from '@material-ui/core/Chip'; //imports from local files import SnackBar from "../../../../Components/SnackbarComponent"; import { postRequest } from '../../../../Components/HelperFunctions/getAxiosConfig' -import ReactRichEditor from "react-rich-text-editor"; +import ClassicEditor from "@ckeditor/ckeditor5-build-classic" +import { CKEditor } from '@ckeditor/ckeditor5-react'; let sendToAll = false; @@ -407,12 +408,13 @@ const EmailInputs = (props) => { <div style={{ height: "1em" }} /> <div style={{ flex: 1 }}> - <ReactRichEditor - height={200} - onCodeChange={(word) => { - setMessage(word) + <CKEditor + editor={ClassicEditor} + data={message} + onBlur={(event, editor) => { + const data = editor.getData(); + setMessage(data) }} - showAll={true} /> </div>