Skip to content

feat: add custom file upload button and preview#136

Open
khedkaravani-rgb wants to merge 1 commit into
Aditya8369:mainfrom
khedkaravani-rgb:feature/Add-styled-button-communityHub
Open

feat: add custom file upload button and preview#136
khedkaravani-rgb wants to merge 1 commit into
Aditya8369:mainfrom
khedkaravani-rgb:feature/Add-styled-button-communityHub

Conversation

@khedkaravani-rgb

@khedkaravani-rgb khedkaravani-rgb commented Jul 10, 2026

Copy link
Copy Markdown

Pull Request

Description

This pull request improves the file upload experience in the Community Hub Section by replacing the default browser file input with a custom-styled upload button. It also adds an image preview and displays the selected file name, providing users with immediate visual feedback before submitting a report.


Related Issue

Closes #133


Type of Change

  • Bug Fix
  • New Feature
  • Documentation
  • UI/UX Improvement
  • Refactoring
  • Performance Improvement
  • Accessibility

Changes Made

  • Replaced the default file input with a custom-styled "Choose File" button.
  • Added an image thumbnail preview for selected files.
  • Displayed the selected file name next to the preview.
  • Added separate CSS styles for the custom file upload component.
  • Improved the overall UI consistency with the existing design.

Testing

  • Tested locally
  • No console errors
  • Existing functionality works as expected

Screenshots

Before:
screenshot

After:
Screenshot 2026-07-10 144340


Checklist

  • My code follows the project guidelines.
  • I have tested my changes.
  • I have updated the documentation if required.
  • My changes address the related issue.
  • This PR focuses on a single issue.

Additional Notes

Added a preview section and a styled button to improve user experience.

@vercel

vercel Bot commented Jul 10, 2026

Copy link
Copy Markdown

@khedkaravani-rgb is attempting to deploy a commit to the Aditya Mahajan's projects Team on Vercel.

A member of the Team first needs to authorize it.

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.

[FEATURE] Add a styled button for the "Choose File" input in Community Section

1 participant