+ const [selectedFileResidence, setSelectedFileResidence] = useState("");
+ const [selectedFileOffice, setSelectedFileOffice] = useState("");
+ // Reference to the hidden file input element
+ const hiddenFileInputResidence = useRef(null);
+ const hiddenFileInputOffice = useRef(null);
+ // Handle upload button click
+ const handleUploadClickResidence = (event) => {
+ hiddenFileInputResidence.current.click();
+ };
+ const handleUploadClickOffice = (event) => {
+ hiddenFileInputOffice.current.click();
+ };
+ // Handle file selection
+ const handleChangeOffice = async (event) => {
+ const file = event.target.files[0];
+ setSelectedFileOffice(file);
+ console.log("FILE " + selectedFileOffice);
+ };
+
+ // Handle file selection
+ const handleChangeResidence = async (event) => {
+ const file = event.target.files[0];
+ setSelectedFileResidence(file);
+ console.log("FILE " + selectedFileResidence);
+ };
+
+ const billUploadForm = () => {
+ return (
+ <>
+
+
+ Terms like what formats can be uploaded and how much KB
+
+
+
+
+ Please upload Electricity / Telephone / Gas Bill of your
+ RESIDENCE
+
+
+
+
+
Upload
+
+
+
+
+ Please upload Electricity,Telephone,Gas Bill of your SHOP /
+ OFFICE
+
+
+
+
+
Upload
+
+
+
+
+
+
+ Next
+
+
+ >
+ );
+ };
+
+ const billUploadedForm = () => {
+ return (
+ <>
+
+
+ Terms like what formats can be uploaded and how much KB
+
+
+
+
+ Please upload Electricity / Telephone / Gas Bill of your
+ RESIDENCE
+
+
{
cursor: "pointer",
}}
/>
- Upload
-
-