I am modifying the custom component in "Power Pages" within the Web Template - Portal management. While editing the code in portal management, I can only make changes to one of the eight custom components present in the application. The problem arises when the changes I make to this component get replicated across all other components. How can I edit each custom component independently to avoid this duplication issue?
below is the source code in portal management.
<div class="permit-card-container-left">
{% endif %}
{% for application in applicationTypeResult %}
<button onclick="updateApplication('{{application.bp_shortname}}')" class=" applicationTypeItem" style=" display: flex; flex-direction: column; margin-right: 7px; margin-left: 7px; margin-bottom: 14px;" data-component-theme="portalThemeColor7" value="{{application.attributevalue}}">
{% unless application.bp_name == empty %}
<h3 class="card-h1">New operating license</h3>
{% endunless %}
{% unless application.bp_permittimeline == empty %}
<p class="card-p">The Office of the KwaZulu-Natal Provincial Regulatory Entity (PRE) provides operating licenses to businesses that want to operate public transport services in the province. The PRE is responsible for regulating public transport in KwaZulu-Natal and must ensure that all operators meet the required safety and operating standards. The PRE can revoke or suspend an operating license if an operator fails to meet the required standards.</p>
{% endunless %}
{% unless application.bp_description == empty %}
<p class="card-p"></p>
{% endunless %}
</button>
{% endfor %}
</div>