Media module does not show Upload button if field is locked to a group

[giseleblair]

Describe the bug
If a content field has been previously locked to a media group, its media module does not show the upload button.

To Reproduce
Steps to reproduce the behavior:

1. Go to an instance with a content field that is locked to a group. See internal ticket for more details: https://zestysupport.zendesk.com/agent/tickets/1167
2. Click on media field in the content item to open the media module
3. See the module does not display "Upload" button

Expected behavior
Expect to see the upload button just like when an unlocked media module is displaying.

Screenshots

Desktop (please complete the following information):

• OS:MacOS Big Sur
• Browser: Safari & Chrome

Additional context
This was reported by a client who was confused as to how to upload media. The drag & drop option is still available but it is not intuitive. An upload button would have helped relieve the confusion as well as some instruction about the drag & drop function.

[nibblebot]

Do we want to move the Upload button to the Header and out of the Sidebar? @shrunyan

[nibblebot]

bump @shrunyan I think we should consider moving Upload button to the Header

[d88naimi]

This looks like it has been resolved with the upload button now in the header.

@giseleblair can you confirm you are seeing the same results?

[giseleblair]

@d88naimi This has not been resolved. The modal still does not show the Upload button if a field is tied to a group.

[d88naimi]

@giseleblair can you upload a video as I was testing a locked image group and my workflow must be off.

[giseleblair]

here you go: https://www.loom.com/share/ac59a867eddb45ba96dc061066da5fe6

[d88naimi]

@shrunyan I believe we were hiding the upload and sidebar on purpose in media to prevent users from altering a locked group which was causing a crash if I am not mistaken?

https://github.com/zesty-io/manager-ui/blob/master/src/apps/media/src/app/MediaApp.js#L197-L209

[giseleblair]

Users can still upload media to the group by dragging and dropping. It is not immediately obvious to the user that they can drag and drop images and the upload button was useful in that case. (See the "Additional Context" in the original issue post)

[agalin920]

Given the fact that "Drag and Drop" is never evident my solution for this is adding in some helper text.