useUploadFileToS3.js

import { useState } from 'react';
import { put } from 'axios';

const useUploadFileToS3 = () => {
  const [uploadProgress, setUploadProgress] = useState(0);
  const [isUploading, setIsUploading] = useState(false);
  const [isSuccessful, setIsSuccessful] = useState(false);

  const uploadFileToS3 = (fileData, s3URL) => {
    setIsUploading(true);
    put(s3URL, fileData, {
      onUploadProgress: (e) => {
        if (e.lengthComputable) {
          const percentInt = Math.round((e.loaded / e.total) * 100);
          setUploadProgress(percentInt);
        }
      },
    }).then((response) => {
      setIsUploading(false);
      if (response && response.status === 200) {
        setIsSuccessful(true);
      }
    });
  };

  const reset = () => {
    setUploadProgress(0);
    setIsUploading(false);
    setIsSuccessful(false);
  };

  return {
    uploadFileToS3,
    reset,
    isUploading,
    uploadProgress,
    isSuccessful,
  };
}

export default useUploadFileToS3;