import { mdiAccount, mdiChartTimelineVariant, mdiMail, mdiUpload } from '@mdi/js' import Head from 'next/head' import React, { ReactElement } from 'react' import CardBox from '../../components/CardBox' import LayoutAuthenticated from '../../layouts/Authenticated' import SectionMain from '../../components/SectionMain' import SectionTitleLineWithButton from '../../components/SectionTitleLineWithButton' import { getPageTitle } from '../../config' import { Field, Form, Formik } from 'formik' import FormField from '../../components/FormField' import BaseDivider from '../../components/BaseDivider' import BaseButtons from '../../components/BaseButtons' import BaseButton from '../../components/BaseButton' import FormCheckRadio from '../../components/FormCheckRadio' import FormCheckRadioGroup from '../../components/FormCheckRadioGroup' import FormFilePicker from '../../components/FormFilePicker' import FormImagePicker from '../../components/FormImagePicker' import { SwitchField } from '../../components/SwitchField' import { SelectField } from '../../components/SelectField' import { SelectFieldMany } from "../../components/SelectFieldMany"; import {RichTextField} from "../../components/RichTextField"; import { create } from '../../stores/appeal_drafts/appeal_draftsSlice' import { useAppDispatch } from '../../stores/hooks' import { useRouter } from 'next/router' import moment from 'moment'; const initialValues = { organization: '', case: router.query.caseId || '', author_user: '', title: '', status: 'draft', content: '', attachments: [], submitted_at: '', } const Appeal_draftsNew = () => { const router = useRouter() const dispatch = useAppDispatch() const handleSubmit = async (data) => { await dispatch(create(data)) await router.push(router.query.caseId ? `/cases/cases-view/?id=${router.query.caseId}` : '/appeal_drafts/appeal_drafts-list') } return ( <>