fix broken import... oops

[ryanbarlow97]

Before opening a PR: discuss new features on Discord first, and file bugs or small improvements as issues. You must be assigned to an approved issue — unsolicited PRs will be auto-closed.

Add approved & assigned issue number here:

Resolves #(issue number)

Description:

Describe the PR.

Please complete the following:

• I have added screenshots for all UI updates
• I process any text displayed to the user through translateText() and I've added it to the en.json file
• I have added relevant tests to the test directory

Please put your Discord username so you can be contacted if a bug or regression is found:

DISCORD_USERNAME

[Copilot]

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: fc4b04a6-33b5-4044-afee-ec815d5d0c50

📥 Commits

Reviewing files that changed from the base of the PR and between 6a884eb and aabb835.

📒 Files selected for processing (1)

• src/client/components/CosmeticContainer.ts

---

Walkthrough

In CosmeticContainer.ts, the single runtime import of PurchaseButton is split into a side-effect import (import "./PurchaseButton") to register the custom element, and a type-only import to keep the class reference for TypeScript typing and casting only.

Changes

CosmeticContainer import fix

Layer / File(s)	Summary
Side-effect and type-only imports src/client/components/CosmeticContainer.ts	Adds import "./PurchaseButton" for custom element registration and changes the class import to import type for type-only use.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Poem

A button once imported wrong,
Its side-effect was missing all along.
Now type keeps the shape neat and clear,
While the real register call appears here.
Small fix, big calm — no runtime fear! 🎉

🚥 Pre-merge checks | ✅ 3 | ❌ 2

❌ Failed checks (2 inconclusive)

Check name	Status	Explanation	Resolution
Title check	❓ Inconclusive	The title mentions an import fix, but it is too vague to identify the actual change.	Use a specific title like 'Load PurchaseButton as a side-effect import in CosmeticContainer'.
Description check	❓ Inconclusive	The description is a mostly empty template and does not explain the change in the PR.	Replace the template with a short summary of the import fix and any related impact or testing.

✅ Passed checks (3 passed)

Check name	Status	Explanation
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.

---

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