search

cornellh4i / ithaca-recovery

Ithaca Community Recovery Event and Meeting Setup Automation Tool
https://ithaca-recovery.vercel.app
8 stars 3 forks source link

Upload pandadocs #45

Closed tmavani23 closed 5 days ago

tmavani23 commented 3 weeks ago

Created frontend component for uploading PandaDocs file in ./atoms/upload/index.tsx along with styling in UploadPandaDocs.module.scss. Implemented drag/drop functionality as well as click to upload.

Testing:

  1. Navigate to http://localhost.:3000 Screenshot 2024-10-04 at 5 35 16 PM

  2. Click within box to upload a file or drag and drop file into box

vercel[bot] commented 3 weeks ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
ithaca-recovery ❌ Failed (Inspect) Oct 27, 2024 2:28am
brandon-lerit commented 5 days ago

Since this PR is still open we cannot create a new one, so I am just commenting what we did.

We added the states for when the file is loading and when it is completely uploaded, and pictures of those are shown below. This can also be found in app/page.tsx for testing.

For the progress bar, we added scaffolding code for when it gets connected to the backend, so it does not currently accurately track the upload progress. When connected, it should update the progress bar accordingly and then disappear once it is fully uploaded.

Pictures of both states are shown below.

Screenshot 2024-10-26 at 1 05 10 PM 1 Screenshot 2024-10-26 at 1 06 06 PM
brandon-lerit commented 5 days ago

We have now made the progress bar representative of the frontend, and added a 1 second delay once it reaches 100% uploaded before it disappears so the user gets proper feedback.