[Performance] ProductCard renders full modal content on page load

[nonsobethel0-dev]

Description

BuyPolicyModal component tree is rendered on page load even when no modal is open, wasting initial render resources.

Current behavior

Modal content renders in DOM but is hidden via CSS.

Expected behavior

Lazy load modal content only when modal is opened.

Files

• components/products/ProductCard.tsx
• components/modals/BuyPolicyModal.tsx

Impact

Slower initial page load.

[babawo96]

@babawo96 has applied to work on this issue as part of the Stellar Wave Program's 9th wave.

Hello, I have reviewed this issue and I’m interested in working on it.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @babawo96 to this issue.

[fablo12]

@fablo12 has applied to work on this issue as part of the Stellar Wave Program's 9th wave.

Hi there, I’ve analyzed the issue details and have a clear roadmap to implement a clean, optimized, and scalable solution. My technical background aligns perfectly with this challenge, and I’m ready to dive in and resolve it efficiently.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @fablo12 to this issue.

[boluxx123]

@boluxx123 has applied to work on this issue as part of the Stellar Wave Program's 9th wave.

I’d be happy to take this issue on. It aligns well with my skills, and I’m confident I can get it resolved and delivered within the next hour. Kindly assign it to me.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @boluxx123 to this issue.

[nextgenuniversity1-oss]

@nextgenuniversity1-oss has applied to work on this issue as part of the Stellar Wave Program's 9th wave.

I’d like to contribute to this issue and help deliver a clean, reliable solution. I’ll review the existing implementation and requirements, follow the project’s established conventions, and make the necessary changes while considering compatibility, edge cases, and maintainability. I’ll also test my changes to ensure everything works as expected before submitting the contribution.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @nextgenuniversity1-oss to this issue.

[FinazAnaya]

@FinazAnaya has applied to work on this issue as part of the Stellar Wave Program's 9th wave.

Hi, I’m interested in contributing to this issue and can provide a clean and maintainable implementation.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @FinazAnaya to this issue.

[devalveen]

@devalveen has applied to work on this issue as part of the Stellar Wave Program's 9th wave.

Good day Bro, can you assign me this.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @devalveen to this issue.

[Ghost1290-star]

@Ghost1290-star has applied to work on this issue as part of the Stellar Wave Program's 9th wave.

Hi Maintainer, I’ve reviewed the issue and have a good understanding of what needs to be done. I’m confident I can handle the task effectively and would appreciate being assigned to it.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Ghost1290-star to this issue.

[Arinze107]

@Arinze107 has applied to work on this issue as part of the Stellar Wave Program's 9th wave.

Hello team I would love to be assigned to this issue as a backend developer,I have experience across many frameworks, and I am confident I will be able to resolve this problem looking forward to working with you thanks.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Arinze107 to this issue.

[Gonness-Codes]

@Gonness-Codes has applied to work on this issue as part of the Stellar Wave Program's 9th wave.

I can do it, please assign me

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Gonness-Codes to this issue.

[Dannocap]

@Dannocap has applied to work on this issue as part of the Stellar Wave Program's 9th wave.

Hi Maintainer, I’ve reviewed the details and understand the expected changes. I can jump into it immediately.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Dannocap to this issue.

[oldev-hub]

@oldev-hub has applied to work on this issue as part of the Stellar Wave Program's 9th wave.

Hi Maintainer, I’d like to update Product Card so Buy Policy Modal loads and renders only when opened, reducing unnecessary work during page load. I’ll also verify that opening, closing, and reopening the modal works correctly. Kindly consider assigning this issue to me.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @oldev-hub to this issue.

[Sam-Rytech]

@Sam-Rytech has applied to work on this issue as part of the Stellar Wave Program's 9th wave.

Hi maintainer

I'd like to work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Sam-Rytech to this issue.

[alansamdev]

@alansamdev has applied to work on this issue as part of the Stellar Wave Program's 9th wave.

Hello, I have reviewed this issue and I’m interested in working on it

ℹ️ Repo Maintainers: To accept this application, review their application or assign @alansamdev to this issue.