justin/new-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove prices from compliance checker service selection

Browse source 
Hide individual service prices and total/discount row from the
compliance checker results. Users see service names + checkboxes
only. Prices revealed on the order page after clicking Get Started.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
justin 2026-05-09 11:05:24 -05:00
parent acf72da341
commit 0ef07e25b4
1 changed files with 2 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

7
site/src/pages/tools/fcc-compliance-check.astro
View file

@ -859,20 +859,17 @@ import Base from "../../layouts/Base.astro";
for (const svc of services) {
// altOf items start unchecked (they're alternatives to the main item)
const checked = svc.price > 0 && svc.id !== "stir_shaken" && !svc.altOf ? "checked" : "";
const priceLabel = svc.priceLabel || (svc.price > 0 ? `$${svc.price}` : svc.desc || "included");
html += `<label class="flex items-start gap-3 p-3 rounded-lg hover:bg-gray-50 cursor-pointer transition" ${svc.altOf ? `data-alt-of="${svc.altOf}"` : ""}>
<input type="checkbox" class="svc-checkbox mt-1 accent-pw-600" data-id="${svc.id}" data-price="${svc.price}" ${svc.altOf ? `data-alt-of="${svc.altOf}"` : ""} ${checked} />
<div class="flex-1">
<span class="font-medium text-gray-900">${svc.name}</span>
${svc.desc && svc.price > 0 ? `<span class="text-xs text-gray-500 ml-1">${svc.desc}</span>` : ""}
${svc.price === 0 && svc.desc ? `<span class="text-xs text-gray-500 ml-1">(${svc.desc})</span>` : ""}
${svc.desc ? `<span class="text-xs text-gray-500 ml-1">${svc.desc}</span>` : ""}
</div>
<span class="font-semibold text-gray-700 text-sm whitespace-nowrap">${priceLabel}</span>
</label>`;
}
html += `</div>`;
html += `<div id="total-row" class="mt-4 pt-4 border-t border-gray-200"></div>`;
html += `<div id="total-row" class="hidden"></div>`;
html += `<div class="mt-4 text-center">
<a id="get-started-btn" href="#" style="background:#f97316;color:#fff;font-weight:700;padding:12px 32px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1);display:inline-block;font-size:14px;text-decoration:none;">
Get Started &rarr;