From 7c3f232db641951c73cd2d9cf525f002bb2f7e22 Mon Sep 17 00:00:00 2001
From: Luis Felipe Risch <lfr20@inf.ufpr.br>
Date: Wed, 17 Mar 2021 12:16:00 -0300
Subject: [PATCH] Changed to the new rich-text-field
---
.../Components/Inputs/EditCollection.js | 50 ++++++++++---------
.../Components/Inputs/EditEducationalObect.js | 15 +++---
.../Components/Inputs/EmailInputs.js | 14 +++---
3 files changed, 42 insertions(+), 37 deletions(-)
diff --git a/src/Admin/Components/Components/Inputs/EditCollection.js b/src/Admin/Components/Components/Inputs/EditCollection.js
index e4557062..47042b19 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 7c6c3ef9..0446783e 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 8790e927..87ac1268 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>
--
GitLab