Simplify media form state and interaction
type: #Project
owner: @z6Mkv...pjBbW
status: shaping
Problem
the input state for media elements is too complex. we should simplify it. we were trying to copy Notion's UI but we don't really need to copy everything to the pixel.
I believe with a simple component we can achieve a better result
Solution
The main thing we need to remove from the media components is the popup we have to upload or paste the URL of the media element. while this was a good idea before, I believe is not necessary anymore and we can simplify it with the same result.
Here's a UI mockup example for what I'm proposing
The top state should be the default, with no media element state
the below state should be when we drag a media on top of it, it could be a file, an image or a video.
we can simplify the default state to just have one button, if we decide that if the button is clicked and the input is empty, that means that we want to upload from the machine.
we do have the drop media state when the media element have a media already, we need to move this state to the outer media component
Scope
1 week
Rabbit Holes
TBD
No-Gos
TBD
Powered by Mintter + The Hypermedia Protocol