diff --git a/app/components/place-details.gjs b/app/components/place-details.gjs index 664a8fc..0377e2c 100644 --- a/app/components/place-details.gjs +++ b/app/components/place-details.gjs @@ -142,10 +142,12 @@ export default class PlaceDetails extends Component { if (type === 'phone') { return htmlSafe( - parts.map((p) => { - const safeTel = p.replace(/[\s-]+/g, ''); - return `${p}`; - }).join('
') + parts + .map((p) => { + const safeTel = p.replace(/[\s-]+/g, ''); + return `${p}`; + }) + .join('
') ); } @@ -157,10 +159,12 @@ export default class PlaceDetails extends Component { if (type === 'whatsapp') { return htmlSafe( - parts.map((p) => { - const safeTel = p.replace(/[\s-]+/g, ''); - return `${p}`; - }).join('
') + parts + .map((p) => { + const safeTel = p.replace(/[\s-]+/g, ''); + return `${p}`; + }) + .join('
') ); } diff --git a/tests/integration/components/place-details-test.gjs b/tests/integration/components/place-details-test.gjs index c7abab0..6969046 100644 --- a/tests/integration/components/place-details-test.gjs +++ b/tests/integration/components/place-details-test.gjs @@ -318,15 +318,17 @@ module('Integration | Component | place-details', function (hooks) { assert.ok(whatsappBlock, 'WhatsApp block is rendered'); const links = whatsappBlock.querySelectorAll('a[href^="https://wa.me/"]'); - assert.strictEqual( - links.length, - 2, - 'Rendered exactly 2 WhatsApp links' - ); + assert.strictEqual(links.length, 2, 'Rendered exactly 2 WhatsApp links'); // Verify it stripped the dashes and spaces for the wa.me URL - assert.strictEqual(links[0].getAttribute('href'), 'https://wa.me/+44987654321'); - assert.strictEqual(links[1].getAttribute('href'), 'https://wa.me/+12345678900'); + assert.strictEqual( + links[0].getAttribute('href'), + 'https://wa.me/+44987654321' + ); + assert.strictEqual( + links[1].getAttribute('href'), + 'https://wa.me/+12345678900' + ); // Verify it kept the dashes and spaces for the visible text assert.dom(links[0]).hasText('+44 987 654 321');