mip-website/pages/recruitment/item/request/ScientificData.js

import React, {useContext, useState} from 'react';
import {Box, Input, Select, SimpleGrid, Textarea} from "@chakra-ui/react";
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
import {FiUser} from "react-icons/fi";
import {useForm} from "react-hook-form";
import {HandleFormReq} from "../../../../lib/HandleFormReq";

const ScientificData = () => {
    const {setPage, scientificData, setScientificData} = useContext(HandleFormReq)


    let handleSubmit = () => {
        console.log('scientificData', scientificData)
        setPage(6)
    }
    let handleChange = (e) => {
        setScientificData({text: e.target.value})
    }
    return (
        <div>
                <Box className={''}>
                    <br />
                    <br />
                    {process.browser && (
                        <Textarea
                            dir={'rtl'}
                            defaultValue={scientificData.text}
                            onChange={handleChange}
                            placeholder='در صورتی داشتن  مقاله یا دستاورد علمی اطلاعات آن را وارد کنید'
                        />
                    )}
                </Box>
            <br />
            <br />
            <br />
            <MDBBtn onClick={handleSubmit} size={'sm'} className={'mt-2 bg-primary-teal'}  >مرحله بعد</MDBBtn>
        </div>
    );
};

export default ScientificData;