fixed content text editor

This commit is contained in:
syedmujahidahmed 2024-03-28 12:44:18 +05:30
parent a88dae7cb2
commit dcc2256b76
4 changed files with 50 additions and 26 deletions

View File

@ -1,27 +1,28 @@
import { Typography } from "@material-ui/core";
import { Box, Button, TextField } from "@mui/material";
import { Box, Button } from "@mui/material";
import React, { useEffect, useState } from "react";
import ReactrichTextEditor from "./reactrichTextEditor";
import ReactQuill from "react-quill";
import "react-quill/dist/quill.snow.css";
import axios from "axios";
import { isAutheticated } from "src/auth";
import { useNavigate, useNavigation } from "react-router-dom";
const TOOLBAR_OPTIONS = [
[{ header: [1, 2, 3, 4, 5, 6, false] }],
[{ font: [] }],
[{ list: "ordered" }, { list: "bullet" }],
["bold", "italic", "underline"],
["bold", "italic", "underline", "strike"],
[{ color: [] }, { background: [] }],
[{ align: [] }],
[{ script: "super" }, { script: "sub" }],
["undo", "redo"],
];
export default function EditPrivacyPolicy() {
const [title, setTitle] = useState("Privacy Policy");
const [content, setContent] = useState("");
const [added, setAdded] = useState(false);
const [olderContent, setOlderContent] = useState("");
const navigation = useNavigate();
const [id, setId] = useState(null);
const token = isAutheticated();
const handleContentChange = (content, delta, source, editor) => {
@ -37,6 +38,7 @@ export default function EditPrivacyPolicy() {
// console.log(response);
setContent(response?.data?.privacyAndPolicy[0]?.privacyAndPolicyContent);
setId(response?.data?.privacyAndPolicy[0]?._id);
setOlderContent(
response?.data?.privacyAndPolicy[0]?.privacyAndPolicyContent
);
@ -70,15 +72,17 @@ export default function EditPrivacyPolicy() {
"/api/content/privacy-and-policy-update",
{ content },
{
params: { id: id },
headers: {
Authorization: `Bearer ${token}`,
},
}
);
if (response.status === 200) {
swal({
title: "Congratulations!!",
text: "Terms and condition updated successfully!",
title: "Congratulations!",
text: "Privacy policy updated successfully!",
icon: "success",
button: "OK",
});
@ -93,16 +97,15 @@ export default function EditPrivacyPolicy() {
}
};
const handleSaveClick = async () => {
if (olderContent === undefined) {
if (olderContent.length===0) {
await addPrivacyPolicy();
setAdded(true);
} else {
await updateContent();
setAdded(false);
await updateContent();
}
// Reload terms and conditions
await getPrivacyPolicy();
// // Reload terms and conditions
// await getPrivacyPolicy();
};
useEffect(() => {
// addTermsandConditions();

View File

@ -12,16 +12,20 @@ const TOOLBAR_OPTIONS = [
[{ header: [1, 2, 3, 4, 5, 6, false] }],
[{ font: [] }],
[{ list: "ordered" }, { list: "bullet" }],
["bold", "italic", "underline"],
["bold", "italic", "underline", "strike"],
[{ color: [] }, { background: [] }],
[{ align: [] }],
[{ script: "super" }, { script: "sub" }],
["undo", "redo"],
];
export default function editRefundPolicy() {
const [title, setTitle] = useState("Refund policy");
const [content, setContent] = useState("");
const [added, setAdded] = useState(false);
const [olderContent, setOlderContent] = useState("");
const navigation = useNavigate();
const [id, setId] = useState(null)
const token = isAutheticated();
const handleContentChange = (content, delta, source, editor) => {
@ -37,6 +41,7 @@ export default function editRefundPolicy() {
// console.log(response);
setContent(response?.data?.Refundpolicys[0]?.Refundpolicy);
setOlderContent(response?.data?.Refundpolicys[0]?.Refundpolicy);
setId(response?.data?.Refundpolicys[0]?._id);
}
};
@ -64,13 +69,15 @@ export default function editRefundPolicy() {
};
const updateContent = async () => {
const response = await axios.patch(
"/api/content//refund-policy",
"/api/content/refund-policy-update",
{ content },
{
params: { id: id },
headers: {
Authorization: `Bearer ${token}`,
},
}
);
if (response.status === 200) {
swal({
@ -90,7 +97,7 @@ export default function editRefundPolicy() {
}
};
const handleSaveClick = async () => {
if (olderContent === undefined) {
if (olderContent.length===0) {
await addTermsandConditions();
setAdded(true);
} else {
@ -99,7 +106,7 @@ export default function editRefundPolicy() {
}
// Reload terms and conditions
await getTermsAndConditions();
// await getTermsAndConditions();
};
useEffect(() => {
// addTermsandConditions();

View File

@ -12,16 +12,20 @@ const TOOLBAR_OPTIONS = [
[{ header: [1, 2, 3, 4, 5, 6, false] }],
[{ font: [] }],
[{ list: "ordered" }, { list: "bullet" }],
["bold", "italic", "underline"],
["bold", "italic", "underline", "strike"],
[{ color: [] }, { background: [] }],
[{ align: [] }],
[{ script: "super" }, { script: "sub" }],
["undo", "redo"],
];
export default function EditShippingPolicy() {
const [title, setTitle] = useState("Shipping Policy");
const [content, setContent] = useState("");
const [added, setAdded] = useState(false);
const [olderContent, setOlderContent] = useState("");
const navigation = useNavigate();
const [id, setId] = useState(null)
const token = isAutheticated();
const handleContentChange = (content, delta, source, editor) => {
@ -38,6 +42,7 @@ export default function EditShippingPolicy() {
setContent(response?.data?.shipping[0]?.shippingContent);
setOlderContent(response?.data?.shipping[0]?.shippingContent);
setId(response?.data?.shipping[0]?._id);
}
};
@ -68,6 +73,7 @@ export default function EditShippingPolicy() {
"/api/content/shipping-and-policy-update",
{ content },
{
params: { id: id },
headers: {
Authorization: `Bearer ${token}`,
},
@ -76,7 +82,7 @@ export default function EditShippingPolicy() {
if (response.status === 200) {
swal({
title: "Congratulations!!",
text: "Terms and condition updated successfully!",
text: "Shipping Policy updated successfully!",
icon: "success",
button: "OK",
});
@ -91,7 +97,7 @@ export default function EditShippingPolicy() {
}
};
const handleSaveClick = async () => {
if (olderContent === undefined) {
if (olderContent.length===0) {
await addShipping();
setAdded(true);
} else {
@ -100,7 +106,7 @@ export default function EditShippingPolicy() {
}
// Reload terms and conditions
await getShipping();
// await getShipping();
};
useEffect(() => {
// addTermsandConditions();

View File

@ -12,16 +12,20 @@ const TOOLBAR_OPTIONS = [
[{ header: [1, 2, 3, 4, 5, 6, false] }],
[{ font: [] }],
[{ list: "ordered" }, { list: "bullet" }],
["bold", "italic", "underline"],
["bold", "italic", "underline", "strike"],
[{ color: [] }, { background: [] }],
[{ align: [] }],
[{ script: "super" }, { script: "sub" }],
["undo", "redo"],
];
export default function EditTermsConditions() {
const [title, setTitle] = useState("Terms and conditions");
const [content, setContent] = useState("");
const [added, setAdded] = useState(false);
const [olderContent, setOlderContent] = useState("");
const navigation = useNavigate();
const [id, setId] = useState(null)
const token = isAutheticated();
const handleContentChange = (content, delta, source, editor) => {
@ -39,6 +43,9 @@ export default function EditTermsConditions() {
setOlderContent(
response?.data?.termsAndCondition[0]?.termsAndContionContent
);
setId(
response?.data?.termsAndCondition[0]?._id
);
}
};
@ -69,6 +76,7 @@ export default function EditTermsConditions() {
"/api/content/terms-and-condition-update",
{ content },
{
params: { id: id },
headers: {
Authorization: `Bearer ${token}`,
},
@ -92,7 +100,7 @@ export default function EditTermsConditions() {
}
};
const handleSaveClick = async () => {
if (olderContent === undefined) {
if (olderContent.length===0) {
await addTermsandConditions();
setAdded(true);
} else {
@ -101,7 +109,7 @@ export default function EditTermsConditions() {
}
// Reload terms and conditions
await getTermsAndConditions();
// await getTermsAndConditions();
};
useEffect(() => {
// addTermsandConditions();