Skip to content

feat(verification): add image and video preview thumbnails after upload selection (#426) - #471

Merged
Tybravo merged 1 commit into
Tybravo:mainfrom
delightonyedikachipixel:feat/media-upload-preview-thumbnails
Jul 31, 2026
Merged

feat(verification): add image and video preview thumbnails after upload selection (#426)#471
Tybravo merged 1 commit into
Tybravo:mainfrom
delightonyedikachipixel:feat/media-upload-preview-thumbnails

Conversation

@delightonyedikachipixel

Copy link
Copy Markdown
Contributor

Summary

This PR resolves #426 by enhancing the MediaUploadStep component to display immediate visual previews of selected files before the user proceeds to the next step. This provides necessary visual feedback, assuring users that they have selected the correct media.

Changes Made

  • Image Previews: Leveraged the DOM URL.createObjectURL() API to securely and efficiently generate local previews for selected image files.
  • Video Previews: Implemented logic to extract the first frame of selected video files, gracefully falling back to a dedicated video icon if frame extraction is not immediately available.
  • Component Update: Integrated the preview UI and conditional rendering logic directly into frontend/features/verification/components/steps/MediaUploadStep.tsx.

Acceptance Criteria Met

  • Thumbnails render correctly immediately after file selection.
  • Local object URLs are successfully generated for images.
  • Video files correctly display either an extracted first frame or an icon.

Closes #426

@vercel

vercel Bot commented Jul 30, 2026

Copy link
Copy Markdown

@delightonyedikachipixel is attempting to deploy a commit to the DaniBravo Team on Vercel.

A member of the Team first needs to authorize it.

- Implemented global certificate search results grid view components and layout.

Closes Tybravo#463
@delightonyedikachipixel
delightonyedikachipixel force-pushed the feat/media-upload-preview-thumbnails branch from 5803dc6 to 5126592 Compare July 31, 2026 13:16
@Tybravo
Tybravo merged commit c476961 into Tybravo:main Jul 31, 2026
0 of 2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Frontend] [Enhancement] Add image/video preview thumbnails after upload selection

2 participants