import React, { useState } from 'react'
import { useSelector } from 'react-redux'
import axios from 'axios'
const Private = () => {
const user = useSelector((state) => state.userReducer.user);
const [formData, setFormData] = useState({
name: '',
email: '',
number: '',
image: null // Start with null for file data
})
const [pre, setPre] = useState('')
const handleChange = (e) => {
const { name, value } = e.target;
setFormData({ ...formData, [name]: value })
}
const handleFile = (e) => {
let selectedFile = e.target.files[0]; // Correct way to access file
console.log(selectedFile, "<<<<<");
setFormData({ ...formData, image: selectedFile });
if (selectedFile) {
let previewUrl = URL.createObjectURL(selectedFile); // Corrected method to create preview
setPre(previewUrl);
}
}
const handleSubmit = (e) => {
e.preventDefault();
const data = new FormData();
// Append all the fields to FormData
data.append('name', formData.name);
data.append('email', formData.email);
data.append('number', formData.number);
