import { Button, ButtonGroup, Stack } from '@mui/material'; import Box from '@mui/material/Box'; import { useEffect, useState } from 'react'; import { AgGridReact } from 'ag-grid-react'; import useAxiosPrivate from '../../utils/useAxiosPrivate'; import EditNoteRoundedIcon from '@mui/icons-material/EditNoteRounded'; import DeleteSweepRoundedIcon from '@mui/icons-material/DeleteSweepRounded'; // import ImportExportRoundedIcon from '@mui/icons-material/ImportExportRounded'; import AddCircleOutlineRoundedIcon from '@mui/icons-material/AddCircleOutlineRounded'; import Popup from './Popup'; import CovidWahMasterForm from './CovidWahMasterForm'; //import {CovidWahMasterValidationForm } from './Validationform'; import { useFormik } from "formik"; import { ToastContainer, toast } from 'react-toastify'; import 'react-toastify/dist/ReactToastify.css'; import PictureAsPdfIcon from '@mui/icons-material/PictureAsPdf'; import DownloadIcon from '@mui/icons-material/Download'; import ExcelJS from 'exceljs'; import jsPDF from 'jspdf'; import 'jspdf-autotable'; import PropTypes from "prop-types"; import * as Yup from 'yup'; const CovidWahMasterValidationForm = Yup.object({ question: Yup.string().required("Please enter quesion"), questionHindi: Yup.string().required("Please enter in Hindi"), type: Yup.string().required("Please enter type"), sequence: Yup.number().required("Please enter Sequence number"), }); const CovidWahMasterList = () => { const [rowData, setRowData] = useState([]); const [colDefs, setColDefs] = useState([]); const [openPopup, setOpenPopup] = useState(false); const axiosClientPrivate = useAxiosPrivate(); const [id,setId] = useState(1); const [showupdate,setShowupdate] = useState(false); const [fetchTrigger, setFetchTrigger] = useState(0); const initialValues = { question: "", questionHindi: "", type: "", sequence: "", modifiedBy: "", }; const { values, touched, errors, handleBlur, handleChange, setFieldValue, handleSubmit, resetForm } = useFormik({ initialValues: initialValues, validationSchema: CovidWahMasterValidationForm, // onSubmit: (values, action) => { // console.log(values); // action.resetForm(); // }, onSubmit: async (values, {resetForm}) => { try { const response = await axiosClientPrivate.post( "/covid-wah-questions", values ); toast.success("Saved Successfully!",{ position:"top-center", autoclose: 500 }); setFetchTrigger((prev) => prev + 1); console.log('Response:', response.data); resetForm(); } catch (error) { console.log(values); console.error('Error:', error); } }, }); const handleEdit = async (id) => { alert(id); try { const response = await axiosClientPrivate.get( `/covid-wah-questions/${id}` ); console.log(response.data.content); setFieldValue("id", response.data.id); setFieldValue("question", response.data.question); setFieldValue("questionHindi", response.data.questionHindi); setFieldValue("type",response.data.type); setFieldValue("sequence", response.data.sequence); setFieldValue("lastModified", response.data.lastModified); setFieldValue("modifiedBy", response.data.modifiedBy); setId(id); setShowupdate(true); setOpenPopup(true); } catch (error) { console.error('Error fetching item for edit:', error); } }; const handleUpdate = async (id)=> { alert(id); const update = values; try{ console.log(values); await axiosClientPrivate.put(`/covid-wah-questions/${id}`, update); toast.success("Updated Successfully!",{ position:"top-center", autoClose: 500, }); resetForm(); setFetchTrigger((prev) => prev + 1); //setRowData(rowData => [...rowData,values]); } catch(err){ console.log(values); console.log(err); } } // to delete a row const handleDeleteRow = async (id) => { alert(id) if(window.confirm('Are you sure you want to delete this data?')){ try { await axiosClientPrivate.delete(`/covid-wah-questions/${id}`); // setRowData(prevData => prevData.filter(row => row.type !== id)); setFetchTrigger((prev) => prev + 1); } catch (error) { console.error('Error deleting row:', error); } } }; const CustomActionComponent = ({id}) => { CustomActionComponent.propTypes = { id: PropTypes.number.isRequired, }; return