Pinata React Components

davidmacfadyen · December 26, 2022, 1:20pm

Steve Simkins, Community Manager at Piñata, has kindly made two components (“file + folder upload”) for those of working after the deprecation of the Piñata plugin

gist.github.com

https://gist.github.com/stevedsimkins/6ac80b5eb9736fb29d9056f4440e71f1

FileUpload.js

import { useState } from "react"
import axios from "axios" 

const FileUpload = () => {

  const [selectedFile, setSelectedFile] = useState();

  const changeHandler = (event) => {
    setSelectedFile(event.target.files[0]);
  };

This file has been truncated. show original

gist.github.com

https://gist.github.com/stevedsimkins/9cd0e82b93fdb8ed485f9bb6baceef7d

FolderUpload.js

import { useState } from "react"
import axios from "axios"

const FolderUpload = () => {

  const [selectedFile, setSelectedFile] = useState();

  const changeHandler = (event) => {
    setSelectedFile(event.target.files);
  };

This file has been truncated. show original

“These React components use our API rather than the Pinata SDK, as the SDK is written for Node JS backend env rather than a front end env (API key security).”

D