Add unoptimized attribute to VideoDemo component image for improved l…

[yamcodes]

…oading performance

Summary by CodeRabbit

• Bug Fixes
  • Enhanced video error fallback image handling for improved reliability and cross-platform compatibility.

[changeset-bot]

⚠️ No Changeset found

Latest commit: 223562a

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
arkenv	Ready	Preview	Comment	Nov 5, 2025 7:25pm

[coderabbitai]

Walkthrough

The pull request adds the unoptimized prop to a Next.js Image component rendering a fallback GIF in the video demo component. This disables automatic image optimization for that specific image asset.

Changes

Cohort / File(s)	Change Summary
Image Component Optimization apps/www/components/page/video-demo.tsx	Added unoptimized prop to the Image component used for fallback GIF rendering, disabling Next.js image optimization for this asset

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Possibly related PRs

• Fallback to demo gif on mp4 load failure #256: Introduces the fallback GIF rendering in the video demo component; this PR builds upon that by adding the unoptimized prop to the Image component for that GIF.

Poem

🐰 A rabbit hops through code so neat,
One prop to make the fallback sweet,
Unoptimized, direct, and true,
The GIF shows through without a queue! ✨

Pre-merge checks and finishing touches

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately reflects the main change: adding the unoptimized attribute to the Image component in VideoDemo. The title clearly conveys the specific modification made.

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch fix-gif-warning

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between ffbcd3b and 223562a.

📒 Files selected for processing (1)

• apps/www/components/page/video-demo.tsx (1 hunks)

⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (2)

• GitHub Check: test-e2e (a11y)
• GitHub Check: test-e2e (e2e)

🔇 Additional comments (1)

apps/www/components/page/video-demo.tsx (1)

45-45: LGTM! Appropriate for GIF files.

Adding unoptimized for GIF files is the recommended approach in Next.js, as it preserves animations and avoids unnecessary processing of already-optimized formats.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}