diff --git a/src/Pages/Privacy/AddWhitepapers.jsx b/src/Pages/Terms/AddTerms.jsx
similarity index 84%
rename from src/Pages/Privacy/AddWhitepapers.jsx
rename to src/Pages/Terms/AddTerms.jsx
index 8866da0..d7f4d67 100644
--- a/src/Pages/Privacy/AddWhitepapers.jsx
+++ b/src/Pages/Terms/AddTerms.jsx
@@ -1,38 +1,47 @@
-import { Box, Button, Divider, FormControl, FormHelperText, FormLabel, Heading, Image, Input, Stack, useToast } from '@chakra-ui/react'
-import React, { useState } from 'react'
-import { OPACITY_ON_LOAD } from '../../Layout/animations'
-import Header from '../../Components/Header'
-import { useNavigate } from 'react-router-dom'
+import {
+ Box,
+ Button,
+ Divider,
+ FormControl,
+ FormHelperText,
+ FormLabel,
+ Heading,
+ Image,
+ Input,
+ Stack,
+ useToast,
+} from "@chakra-ui/react";
+import React, { useState } from "react";
+import { OPACITY_ON_LOAD } from "../../Layout/animations";
+import Header from "../../Components/Header";
+import { useNavigate } from "react-router-dom";
import fallbackImage from "../../assets/ultp-fallback-img.webp";
-import { addWhitePapers } from '../../Validations/Validations'
-import { TiWarning } from 'react-icons/ti'
+import { addWhitePapers } from "../../Validations/Validations";
+import { TiWarning } from "react-icons/ti";
import { yupResolver } from "@hookform/resolvers/yup";
import { useForm } from "react-hook-form";
-import { motion } from 'framer-motion'
-import Loader01 from '../../Components/Loaders/Loader01'
-import { useCreateWhitepaperMutation } from '../../Services/api.service'
-import ToastBox from '../../Components/ToastBox'
+import { motion } from "framer-motion";
+import Loader01 from "../../Components/Loaders/Loader01";
+import { useCreateWhitepaperMutation } from "../../Services/api.service";
+import ToastBox from "../../Components/ToastBox";
+
+const AddTerms = () => {
+ const toast = useToast();
+ const navigate = useNavigate();
+ const [isLoading, setIsLoading] = useState(false);
+ const [selectedImage, setSelectedImage] = useState(fallbackImage);
+ const [imageData, setImageData] = useState(null);
-const AddWhitepapers = () => {
- const toast = useToast();
- const navigate = useNavigate();
- const [isLoading, setIsLoading] = useState(false);
- const [selectedImage, setSelectedImage] = useState(fallbackImage);
- const [ imageData, setImageData ] = useState(null)
-
const [createWhitepaper] = useCreateWhitepaperMutation();
- const {
- register,
- handleSubmit,
- reset,
- formState: { errors },
- } = useForm({
- resolver: yupResolver(addWhitePapers),
- });
-
-
-
+ const {
+ register,
+ handleSubmit,
+ reset,
+ formState: { errors },
+ } = useForm({
+ resolver: yupResolver(addWhitePapers),
+ });
const handleImageChange = (e) => {
const file = e.target.files[0];
@@ -66,7 +75,10 @@ const AddWhitepapers = () => {
setIsLoading(false);
toast({
render: () => (
-
+
),
});
reset();
@@ -75,7 +87,10 @@ const AddWhitepapers = () => {
setIsLoading(false);
toast({
render: () => (
-
+
),
});
}
@@ -93,7 +108,6 @@ const AddWhitepapers = () => {
}
};
-
return (
{
display={"flex"}
flexDirection={"column"}
>
-
@@ -121,7 +134,8 @@ const AddWhitepapers = () => {
Whitepaper banner image
- Below is the whitepaper banner image that will be whitepaper on the community page.
+ Below is the whitepaper banner image that will be whitepaper on the
+ community page.
{
onSubmit={handleSubmit(onSubmit)}
className="col-7 pt-4 mb-3 overflow-auto p-4"
>
-
-
Title
@@ -184,28 +196,24 @@ const AddWhitepapers = () => {
)}
-
-
-
Document
{errors.document && (
- {errors.document.message}
+ {" "}
+ {errors.document.message}
)}
-
-
Banner image
@@ -289,8 +297,7 @@ const AddWhitepapers = () => {
{errors.image && (
- {" "}
- {errors.image.message}
+ {errors.image.message}
)}
@@ -298,9 +305,6 @@ const AddWhitepapers = () => {
-
-
-
-
-
-
+
- )
-}
+ );
+};
-export default AddWhitepapers
\ No newline at end of file
+export default AddTerms;
diff --git a/src/Pages/Privacy/EditWhitepaper.jsx b/src/Pages/Terms/EditTerms.jsx
similarity index 77%
rename from src/Pages/Privacy/EditWhitepaper.jsx
rename to src/Pages/Terms/EditTerms.jsx
index b81ceaf..b83c83d 100644
--- a/src/Pages/Privacy/EditWhitepaper.jsx
+++ b/src/Pages/Terms/EditTerms.jsx
@@ -19,29 +19,32 @@ import fallbackImage from "../../assets/ultp-fallback-img.webp";
import { useNavigate, useParams } from "react-router-dom";
import {
useGetNewsByIdQuery,
+ useGetTermsByIdQuery,
useGetWhitepaperByIdQuery,
+ useUpdateTermsMutation,
useUpdateWhitepaperMutation,
} from "../../Services/api.service";
import { useForm } from "react-hook-form";
import { yupResolver } from "@hookform/resolvers/yup";
import { TiWarning } from "react-icons/ti";
-import { addWhitePapers } from "../../Validations/Validations";
+import { addTerms, addWhitePapers } from "../../Validations/Validations";
import FullscreenLoaders from "../../Components/Loaders/FullscreenLoaders";
import { AttachmentIcon } from "@chakra-ui/icons";
import extractFilename from "../../Components/Functions/FileNameAlter";
import Loader01 from "../../Components/Loaders/Loader01";
import { motion } from "framer-motion";
import ToastBox from "../../Components/ToastBox";
+import ReactQuill from "react-quill";
-const EditWhitepaper = () => {
+const EditTerms = () => {
const { id } = useParams();
const toast = useToast();
const navigate = useNavigate();
- const { data, error, isLoading } = useGetWhitepaperByIdQuery(id);
+ const { data, error, isLoading } = useGetTermsByIdQuery(id);
const [isLoadingEdit, setIsLoadingEdit] = useState(false);
const [selectedImage, setSelectedImage] = useState(fallbackImage);
const [largeImageData, setLargeImageData] = useState(null);
- const [updateWhitepaper] = useUpdateWhitepaperMutation();
+ const [updateTerms] = useUpdateTermsMutation();
const {
register,
@@ -50,21 +53,29 @@ const EditWhitepaper = () => {
formState: { errors },
setValue,
} = useForm({
- resolver: yupResolver(addWhitePapers),
+ resolver: yupResolver(addTerms),
defaultValues: {
title: "",
- image: null,
+ content: "",
+ banner_image: null,
},
});
+ console.log("----------", data?.data?.banner_image);
+
+ const termContent = data?.data;
+ // console.log(termContent);
+ const [valueQuill, setValueQuill] = useState(termContent?.content);
+
useEffect(() => {
- if (data?.data?.data) {
+ if (data?.data) {
setSelectedImage(
- `https://rubix.betadelivery.com/${data?.data?.data?.bannerImage}`
+ `https://rubix.betadelivery.com/${data?.data?.banner_image}`
);
- setValue("title", data?.data?.data?.title);
- setValue("image", data?.data?.data?.image);
- setValue("bannerImage", data?.data?.data?.bannerImage);
+ setValue("title", data?.data?.title);
+ setValue("content", data?.data?.content);
+ setValue("banner_image", data?.data?.banner_image);
+ setValueQuill(data?.data?.content);
}
}, [data, setValue]);
@@ -85,28 +96,37 @@ const EditWhitepaper = () => {
setIsLoadingEdit(true);
const form = new FormData();
form.append("title", data?.title);
- if (data.document[0]) {
- form.append("document", data.document[0]);
+ form.append("content", data?.content);
+ if (data?.banner_image[0]) {
+ form.append("banner_image", data?.image[0]);
}
- if (data?.image[0]) {
- form.append("image", data?.image[0]);
- }
-// Log formData entries
-// for (let [key, value] of form.entries()) {
-// console.log(`${key}: ${value}`);
-// }
- await updateWhitepaper({ id: id, data: form })
+ // Log formData entries
+ for (let [key, value] of form.entries()) {
+ console.log(`${key}: ${value}`);
+ }
+
+ await updateTerms({ id: id, data: form })
.then((response) => {
- if (response?.data?.statusCode === 201) {
+ // console.log(response?.error?.data?.error?.message);
+ if (response?.data?.statusCode === 200) {
setIsLoadingEdit(false);
toast({
render: () => (
),
});
- navigate("/whitepaper");
+
+ reset();
+ navigate("/terms");
// setDeleteAlert(false);
+ } else {
+ setIsLoadingEdit(false);
+ toast({
+ render: () => (
+
+ ),
+ });
}
})
.catch((error) => {
@@ -115,9 +135,9 @@ const EditWhitepaper = () => {
// setDeleteIsLoading(false);
// setDeleteAlert(false);
});
- reset();
};
+ console.log(errors);
if (isLoading) {
return ;
}
@@ -128,26 +148,10 @@ const EditWhitepaper = () => {
paddingBottom={50}
height={"100vh"}
>
-
+
-
- Members Info
-
-
- Select the platform for which you need to create this campaign.
-
-
-
-
-
- Display profile
-
-
- Below is the profile that will be displayed on the community page.
-
-
{
-
- Document
-
-
- {errors.document && (
-
- {" "}
- {errors.document.message}
-
- )}
-
- {extractFilename(data?.data?.data?.document)}
-
-
-
-
@@ -354,4 +340,4 @@ const EditWhitepaper = () => {
);
};
-export default EditWhitepaper;
+export default EditTerms;
diff --git a/src/Pages/Privacy/Privacy.jsx b/src/Pages/Terms/Terms.jsx
similarity index 89%
rename from src/Pages/Privacy/Privacy.jsx
rename to src/Pages/Terms/Terms.jsx
index e87451d..18ef321 100644
--- a/src/Pages/Privacy/Privacy.jsx
+++ b/src/Pages/Terms/Terms.jsx
@@ -14,10 +14,11 @@ import {
import { OPACITY_ON_LOAD } from "../../Layout/animations";
import { TABLE_PAGINATION } from "../../Constants/Paginations";
import {
- useDeletePolicyMutation,
- useDeleteWhitepaperMutation,
- useGetPolicyQuery,
+ useCreateTermsMutation,
+ useDeleteTermsMutation,
+ useGetTermsQuery,
useGetWhitePaperQuery,
+ useUpdateTermsStatusMutation,
useUpdateWhitepaperStatusMutation,
} from "../../Services/api.service";
import { useState } from "react";
@@ -29,7 +30,7 @@ import { formatDate } from "../../Components/Functions/UTCConvertor";
import ToastBox from "../../Components/ToastBox";
import extractFilename from "../../Components/Functions/FileNameAlter";
-const Policy = () => {
+const Terms = () => {
const toast = useToast();
const [pageSize, setPageSize] = useState(TABLE_PAGINATION?.size);
const [currentPage, setCurrentPage] = useState(1);
@@ -41,20 +42,20 @@ const Policy = () => {
const [actionStatus, setActionStatus] = useState(null);
const [deleteIsLoading, setDeleteIsLoading] = useState(false);
- const whitePaper = useGetWhitePaperQuery({
+ const termsPage = useCreateTermsMutation({
page: currentPage,
size: pageSize,
});
- const policy = useGetPolicyQuery({
+ const terms = useGetTermsQuery({
page: currentPage,
size: pageSize,
});
- const [deletePolicy] = useDeletePolicyMutation();
- const [updateWhitepaperStatus] = useUpdateWhitepaperStatusMutation();
+ const [deletePolicy] = useDeleteTermsMutation();
+ const [updateTermsStatus] = useUpdateTermsStatusMutation();
- const filteredData = policy?.data?.data?.rows?.filter((item) => {
+ const filteredData = terms?.data?.data?.rows?.filter((item) => {
// Filter by name (case insensitive)
const name = item.title;
const searchLower = searchTerm.toLowerCase();
@@ -119,10 +120,10 @@ const Policy = () => {
-
+
-
+