🐛 [Bug report]: Broken cover images

[ssarkar551]

Contributor Guidelines

• I have read the guidelines and discussion

Descrcibe the bug?

Broken cover images on https://reactplay.io/plays

Steps to reproduce the bug?

1. Go to https://reactplay.io/plays

Expected behavior

Cover images should not be broken

Desktop (Please provide your system information)

OS: Windows 11
Browser: Microsoft Edge
Version 145.0.3800.97

Mobile (Please provide your device information)

No response

Screenshot / Screenshare

No response

Relevant log output

No response

Record

• I have checked the existing issues
• I have read the Contributing Guidelines
• I want to work on this issue
• I am a Hacktoberfest contributor

Code of Conduct

• I agree to follow this project's Code of Conduct

[github-actions]

Hey! contributor, thank you for opening an Issue 🎉.

@reactplay/maintainers will review your submission soon and give you helpful feedback. If you're interested in continuing your contributions to open source and want to be a part of a welcoming and fantastic community, we invite you to join our ReactPlay Discord Community.
Show your support by starring ⭐ this repository. Thank you and we appreciate your contribution to open source!
Stale Marking : After 30 days of inactivity this issue/PR will be marked as stale issue/PR and it will be closed and locked in 7 days if no further activity occurs.

[iamankeshsharma]

Hi @priyankarpal,

While debugging, I noticed that the cover image is never submitted by the creator of the play.

One possible workaround is to take a screenshot of the play and store it as the cover in its directory, but this would only be a temporary fix and won’t solve the issue permanently.

Instead, I propose creating a fallback thumbnail component that will be used whenever a cover image is missing.

I’ve also attached a reference image showing how the thumbnail would look.

Please let me know if this approach sounds good, happy to take this up.

[priyankarpal]

Hi @priyankarpal,

While debugging, I noticed that the cover image is never submitted by the creator of the play.

One possible workaround is to take a screenshot of the play and store it as the cover in its directory, but this would only be a temporary fix and won’t solve the issue permanently.

Instead, I propose creating a fallback thumbnail component that will be used whenever a cover image is missing.

I’ve also attached a reference image showing how the thumbnail would look.

Please let me know if this approach sounds good, happy to take this up.

yes that's a good addition. we can do