UX story - Design dropdown for 3-dot menu on component cards

[jmakowski1123]

The component cards have a 3-dot menu for all actions that can be taken on the component. This 3-dot menu displays on component cards on Library Home, Component Tab, and in Collection Pages.

The actions to be taken from the menu include:

-Edit
-Copy to Clipboard
-Add to Collection

The dropdown experience from the 3-dot menu needs to be designed. These can be designed in the same way the 3-dot menus are designed in the course:

When a user clicks on Edit, it should open the requisite editor. [This would be a secondary pathway to getting to edit, in addition to double clicking the tile.]

When a user clicks on Copy to Clipboard, they see a toast notification indicating that the item has been copied. This is prior art from the copy/paste workflow.

When a user clicks Add to Collection, it should prompt the workflow to add to a collection that already exists from the component sidebar.

[jmakowski1123]

@lizc577 Gut check that those are the right actions on the cards?

[lizc577]

Cards on home and component tabs should have: Edit, Copy to Clipboard (can we just say Copy? 'to clipboard' is implied), Preview (opens preview in sidebar), Add to Collection (opens organize tab in sidebar), and Delete (we should consider an "are you sure? this cannot be undone" type of message when deleting an item)

Cards in Collection have all of the above functionality except instead of "Add to Collection", replace with "Remove from Collection"

Also, it may be worth noting here that when in the "Add to Collection" flow, (user creates collection and then can bulk add content to it) the only action taken from a card should be preview and an "Add" check box is present on all cards

@jmakowski1123 lmk if you agree with this

[jmakowski1123]

@lizc577 "Copy to Clipboard" is what's currently used in courses, so I'd prefer to keep it the same for now. Thanks, I forgot about Preview and Delete.

[lizc577]

@jmakowski1123 Can I close this?