CC-62: <Card/> Does Not Pass Props

[ianpaschal]

Fixed CC-62

Summary by CodeRabbit

Release Notes

• Refactor

  • Enhanced Card component to accept standard HTML attributes for greater flexibility.

• Style

  • Removed background color from ImageViewer component.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Pro

Run ID: 941aea43-5a74-40f7-9d2b-9ab7877e1ef4

📥 Commits

Reviewing files that changed from the base of the PR and between 42f234c and a47105e.

📒 Files selected for processing (2)

• src/components/Card/Card.tsx
• src/components/ImageViewer/ImageViewer.module.scss

💤 Files with no reviewable changes (1)

• src/components/ImageViewer/ImageViewer.module.scss

---

Walkthrough

This PR makes two independent component updates. The Card component interface was refactored to extend ComponentPropsWithoutRef<'div'>, allowing it to accept standard HTML div attributes like id, style, and data-* properties. The implementation now spreads remaining props onto the root div. Additionally, the .image-viewer CSS class had its background-color property removed while preserving all other styling and layout rules.

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title directly addresses the main change: enabling the Card component to pass through standard div props by extending ComponentPropsWithoutRef<'div'>.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch ian/cc-62-card-does-not-pass-props

---

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.}