"use client" import React, { ChangeEvent, SyntheticEvent, useState, useEffect } from 'react' import CommonCardHeader from "@/CommonComponent/CommonCardHeader"; import ClassicEditor from '@ckeditor/ckeditor5-build-classic'; import { CKEditor } from '@ckeditor/ckeditor5-react'; import Link from "next/link"; import { useAppSelector } from "@/Redux/Hooks"; import { Button, Card, CardBody, Col, Container, Form, FormGroup, Input, Label, Row, } from "reactstrap"; import { useRouter, useParams } from 'next/navigation'; import Select from "react-select" import logo from '../../../../../../../public/assets/images/logo/04.png' import { toast } from 'react-toastify'; import DataService from '@/Config/Axios'; import Breadcrumbs from '@/CommonComponent/Breadcrumbs'; import { getEngBody, getPortugueseBody, getSpanishBody, getfrenchBody } from '@/Data/Application/Invoices/InvoicesDataSource'; interface EmailTemplateData { subject: string; content: string; language: string; level: string; // Add other fields as necessary } const Page = () => { const router = useRouter(); const { id } = useParams(); const [data, setData] = useState(null); const { i18LangStatus } = useAppSelector((state) => state.langSlice); const [editorText, setEditorText] = useState('') const asdf = ` Kap Collect
${data?.language === 'french' ? getfrenchBody(editorText) : data?.language === 'portuguese' ? getPortugueseBody(editorText) : data?.language === 'spanish' ? getSpanishBody(editorText) : getEngBody(editorText) }

KapCollect Inc.

1234 Collection Avenue

Suite 567

City, State, ZIP Code

info@kapcollect.com

© 2024 KapCollect Inc. All rights reserved.

` const handleSubmit = async (e: SyntheticEvent) => { e.preventDefault(); console.log(data) try { const response = await DataService.post(`/ email - templates / update / ${id} `, data) if (response.data.status) { toast.success(response.data.message) } } catch (error: any) { toast.error(error.response.data.message) } // router.push(`/ ${ i18LangStatus } /email`); }; const handleChange = (event: ChangeEvent) => { const { name, value } = event.target; setData({ ...data, [name]: value } as EmailTemplateData) } useEffect(() => { if (data) { setData({ ...data, content: editorText }); } }, [editorText]) const fetchData = async () => { try { const response = await DataService.post(`/email-templates/${id}`); if (response.data.status) { setData(response.data.data); } } catch (error: any) { toast.error(error.response.data.message); } }; useEffect(() => { fetchData(); }, []); console.log(data, "Data") return (
{/* */} {data?.language} {data?.level} { const editordata = editor.getData(); setEditorText(editordata) console.log({ event, editor, data }); }} />
Cancel
) } export default Page