Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

New Component: <FileSelector /> #1

Closed
calebjacob opened this issue Jul 26, 2024 · 0 comments · Fixed by #9 or near/pagoda-experiments#73
Closed

New Component: <FileSelector /> #1

calebjacob opened this issue Jul 26, 2024 · 0 comments · Fixed by #9 or near/pagoda-experiments#73
Assignees
@calebjacob
Labels
enhancement New feature or request

Comments

@calebjacob
Copy link
Collaborator

We should create a new component for selecting files to improve UX and provide a better looking UI. Currently for the Ticketing app, we're using an unstyled <input type="file" /> tag. We should create a new component that uses a native file input underneath the hood (so that it works seamlessly with React Hook Form).

  • Support file drag and drop to select file(s)
  • Nicer looking styles
  • Works with React Hook Form
  • Preview selected file image

Our current Ticketing UI:

Screenshot 2024-07-26 at 3 19 20 PM
@calebjacob calebjacob added the enhancement New feature or request label Jul 26, 2024
@calebjacob calebjacob self-assigned this Jul 26, 2024
@calebjacob calebjacob moved this to In Progress in Near.org Core Experience Aug 6, 2024
@calebjacob calebjacob mentioned this issue Aug 6, 2024
Merged
@calebjacob calebjacob moved this from In Progress to In Review in Near.org Core Experience Aug 6, 2024
@github-project-automation github-project-automation bot moved this from In Review to Done in Near.org Core Experience Aug 7, 2024
@calebjacob calebjacob mentioned this issue Aug 7, 2024
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@calebjacob calebjacob

Labels
enhancement New feature or request
Projects
Near.org Core Experience
Status: Done
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

File Input (1 of 2) near/pagoda-ui
File Input (2 of 2) near/pagoda-experiments
1 participant
@calebjacob