diff --git a/package.json b/package.json index 1c64422..8f546ee 100644 --- a/package.json +++ b/package.json @@ -19,7 +19,7 @@ "test": "echo \"TODO: add tests\" && exit 0" }, "dependencies": { - "@ardrive/turbo-sdk": "link:../ardrive-turbo-sdk", + "@ardrive/turbo-sdk": "alpha", "react": "^18.2.0", "react-dom": "^18.2.0", "react-router-dom": "^6.20.1" diff --git a/src/pages/UploadPage.tsx b/src/pages/UploadPage.tsx index f5ceabb..87ec8f2 100644 --- a/src/pages/UploadPage.tsx +++ b/src/pages/UploadPage.tsx @@ -1,4 +1,4 @@ -import { useEffect, useState } from "react"; +import { InputHTMLAttributes, useEffect, useState } from "react"; import { ErrMsgCallbackAsProps } from "../types"; import { ardriveAppUrl, turboConfig } from "../constants"; import { Page } from "./Page"; @@ -10,6 +10,10 @@ import { import { getArconnect } from "../utils/arconnect"; import { NewToArDriveInfo } from "../components/NewToArDriveInfo"; +interface ExtendedFileInputProps extends InputHTMLAttributes { + webkitdirectory?: boolean; +} + function UploadForm({ errorCallback }: ErrMsgCallbackAsProps) { const [selectedFiles, setSelectedFiles] = useState(null); @@ -77,22 +81,26 @@ function UploadForm({ errorCallback }: ErrMsgCallbackAsProps) {
{/* TODO: Current balance of wallet in AR and Turbo Credits */} + {/* TODO: Inputs for manifest options, concurrent uploads, etc. */} - + setSelectedFiles(e.target.files)} + {...({} as ExtendedFileInputProps)} // This line is a workaround for declaring webkitdirectory in TypeScript /> - {/* + + setSelectedFiles(e.target.files)} - /> */} + />
- {sending &&

Now Sending Fund Transaction...

} + {sending &&

Now Uploading...

} {/* TODO: Estimate price */}