Merge pull request #254 from hlxsites/agentcontact

Add Agent Contact form slider
hlxsites · Jun 24, 2024 · c41e0e8 · c41e0e8
2 parents 1ad82c3 + 9f1cfc3
commit c41e0e8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/blocks/floatingagent/floatingagent.css b/blocks/floatingagent/floatingagent.css
@@ -29,6 +29,7 @@
     border: 0;
     padding: 10px;
     margin-left: 35%;
+    text-decoration: none;
 }
 
 @media (min-width: 600px) {

diff --git a/blocks/floatingagent/floatingagent.js b/blocks/floatingagent/floatingagent.js
@@ -2,13 +2,14 @@ import {
   getMetadata,
 } from '../../scripts/aem.js';
 import {
-  button,
+  a,
   div,
   h2,
   img,
   p,
   strong,
 } from '../../scripts/dom-helpers.js';
+import { decorateFormLinks } from '../../scripts/scripts.js';
 
 export default function decorate(block) {
   const agentName = getMetadata('name');
@@ -32,13 +33,14 @@ export default function decorate(block) {
     p(lic),
   );
 
-  const contactButton = button({ class: 'contactagent' }, 'CONTACT AGENT');
+  const contactButton = a({ class: 'contactagent', href: '/fragments/contact-property-form' }, 'CONTACT AGENT');
 
   block.append(
     div({ class: 'floating-agent-col' }, agentPicture),
     agentInfo,
     contactButton,
   );
+  decorateFormLinks(block);
   const displayedElement = document.querySelector('.floatingagent');
 
   const heroElement = document.querySelector('.hero-wrapper');