s3 file upload frontend code

  const uploadFiles = async () => {
    setUploading(true);
    const promises = filesToUpload
      .map(async (file) => {
        const { data } = await getSignedUrlForProject({
          variables: {
            projectId: projectId,
            fileName: file.name,
          },
        });
        const url = data?.getSignedUrlForProject?.url;
        if (!url) {
          throw new Error('Failed to get signed url');
        }

        // TODO: throw an error if fetch is not 200 OK
        await fetch(url, {
          method: 'PUT',
          body: file,
          headers: { 'Content-Type': 'application/octet-stream' },
        });
      })
      // TODO: give feedback for a completed upload
      .map((p) => p.then((res) => res).catch((e) => e));

    const result = await Promise.all(promises);
    const uploadedFiles = filesToUpload.filter((_, fileIndex) => {
      if (result[fileIndex] instanceof Error) {
        alert(`Failed to upload ${filesToUpload[fileIndex].name}`);
        return false;
      }
      return true;
    });

    setUploading(false);
    setFilesToUpload([]);
    if (handleSuccess) {
      handleSuccess(
        uploadedFiles.map((file) => {
          const fileSplit = file.name.split('.');
          fileSplit.pop();
          return fileSplit.join('.');
        }),
      );
    }
  };