Clipboard doesn't always show correct channel thumbnail

[bjester]

Observed behavior

If I copy a resource to clipboard through the 'Import from channels' modal, the channel's thumbnail seems to show up in the clipboard panel. If I copy to clipboard through alternative ways, it doesn't.

Expected behavior

The correct thumbnail for a channel shows in the clipboard panel.

User-facing consequences

The thumbnails help users identify the channels in the clipboard. The user could copy many items from many channels, so this visual indicator helps the user navigate visually.

Additional information

Steps to reproduce the issue

1. Browse the content library
2. Open a public channel with a thumbnail / logo
3. Copy a node to the clipboard
4. Open the clipboard
5. See the channel does not have the appropriate thumbnail / logo

Usage Details

• Browser: Chrome
• URL: Hotfixes server -- Rebranding release
• Other information that may be relevant:

Originally posted by @bjester in https://github.com/learningequality/studio/issues/4539#issuecomment-2085560796

[shivansh-bhatnagar18]

@bjester Coul you please assign me this issue? Would be happy to contribute

[bjester]

@shivansh-bhatnagar18 Thanks! I have assigned you. I'm not sure what's wrong. The colored tabs on the clipboard are derived from the thumbnail, so it seems like it does have it but isn't always displaying it. Locating the colored tabs might be a good place to start and then trace it back through the code.

[shivansh-bhatnagar18]

@bjester Thanks for the guidance. I have identified the issue resides in the deployed Kolibri Studio because I can see all thumbnails of channels in the clipboard when running the application locally and also using the same image format as these channels are using.