This is a bounty to add 'cancel upload' and 'delete video' functionality to the Paratii-Video portal, which is a decentralized video platform. The task involves frontend UI additions and integration with existing backend functionality for cancelling uploads and deleting video records.
A starter prompt for Claude Code, what you'll need, and how to reach them.
You are an expert full-stack developer. Your task is to implement 'cancel upload' and 'delete video' features for the Paratii-Video/paratii-portal project. The core logic for cancellation is in paratii-js#298. The frontend is likely React-based. Fork the Paratii-Video/paratii-portal and Paratii-Video/paratii-js repositories. First, implement a 'Cancel' or 'X' button next to 'Publish' for ongoing uploads/transcoding. This button should call the existing cancellation functionality within paratii-js. Second, add a 'Delete' button (trash icon) next to the 'Edit icon' for saved videos, and ideally for published ones too, which should remove the video record. Adhere to the provided Adobe XD design references for UI. Use Next.js 16 App Router, React 19, Tailwind v4 for any new UI components where appropriate, but primarily integrate with the existing codebase. The MVP is to have both buttons visually present and hooked up to their respective backend actions for a single video. Verify by uploading a video, canceling it, and then uploading another and deleting it after saving. Ensure state updates correctly on the frontend.
Bounty (amount on the issue). **Situation:** After some sucessfull and other failed uploads, the "Submit & Edit" user/private section of the Lab gets full and messy. We have no option to delete unwanted or duplicate videos, yet! **What we need:** **1)** Add a "Cancel" or "X" button to be used while uploading/transcoding (next to "Publish"). <img width="769" alt="screen shot 2018-10-03 at 2 36 33 am" src="https://user-images.githubusercontent.com/26517120/46394690-dcc4cd00-c6b7-11e8-8708-eb31af8d084b.png"> **2)** Add a "Delete" button (or "trash icon") next to the "Edit icon" for saved videos (ideally, for published videos too, although that's not required here): <img width="272" alt="screen shot 2018-10-03 at 2 29 21 am" src="https://user-images.githubusercontent.com/26517120/46394346-dda92f00-c6b6-11e8-9144-55ad74c7099a.png"> **Functionality** for cancelling upload is here: https://github.com/Paratii-Video/paratii-js/issues/298 **Reference design is here**: https://xd.adobe.com/view/8754f846-e4ea-4170-803b-9b5b8b4b872f/screen/52349cc8-1239-4851-9790-64ad7f76fdf0/upload-1920-1/
Standard for any GitHub-based project.
Operator's core stack.
Standard for web development.
Standard for version control.
Comment on GitHub issue #820 in the Paratii-Video/paratii-portal repository.
“Hi! I've reviewed the bounty for adding 'cancel upload' and 'delete video' features to Paratii-Portal. I can deliver this functionality, integrating with your existing `paratii-js` library and adhering to the provided design. I'm ready to start and can provide a PR for review shortly. Is the bounty still active and available?”
Open the original ↗