refactor(component): rename contact obfuscation component

This commit is contained in:
DeCentN2Madness committed 2026-07-02 15:14:51 -07:00
1 parent 77b83f5d21
commit 9c391c8c05
29 files changed
+63 -63

No files matched your search

+2 -2
View File
@@ -1,6 +1,6 @@
---
import Button from './Button.astro';
import EmailObfuscation from './EmailObfuscation.astro';
import ContactObfuscation from './ContactObfuscation.astro';
interface Props {
title?: string;
@@ -20,7 +20,7 @@ const { title = 'Contact AIA' } = Astro.props;
<label>Service of interest<select name="service"><option>ABA Therapy</option><option>Autism Evaluation</option><option>Learner Social Club</option><option>Other</option></select></label>
<label>How can we help?<textarea name="message" rows="5"></textarea></label>
<Button type="submit" disabled aria-describedby="contact-form-note" class="contact-form-card__submit">Submit</Button>
<p id="contact-form-note" class="contact-form-card__note">Online submission is not yet connected. Please call <EmailObfuscation phone="(480) 687-7099" hrefValue="+14806877099" obfuscatedText="9907-786 (084)" />.</p>
<p id="contact-form-note" class="contact-form-card__note">Online submission is not yet connected. Please call <ContactObfuscation phone="(480) 687-7099" hrefValue="+14806877099" obfuscatedText="9907-786 (084)" />.</p>
</div>
</form>
@@ -20,7 +20,7 @@ const {
} = Astro.props;
if ((email ? 1 : 0) + (phone ? 1 : 0) !== 1) {
throw new Error('EmailObfuscation requires exactly one of email or phone.');
throw new Error('ContactObfuscation requires exactly one of email or phone.');
}
const contactType = email ? 'email' : 'phone';
+3 -3
View File
@@ -1,5 +1,5 @@
---
import EmailObfuscation from './EmailObfuscation.astro';
import ContactObfuscation from './ContactObfuscation.astro';
import site from '../data/site.json';
const year = new Date().getFullYear();
const { lang = 'en' } = Astro.props;
@@ -32,11 +32,11 @@ const labels = lang === 'es'
<div class="footer-contact">
<div class="footer-contact-item">
<img src="/assets/images/phone-blue.svg" alt="" aria-hidden="true" width="24" height="24" />
<EmailObfuscation phone={site.phone} hrefValue="+14806877099" obfuscatedText="9907-786 (084)" />
<ContactObfuscation phone={site.phone} hrefValue="+14806877099" obfuscatedText="9907-786 (084)" />
</div>
<div class="footer-contact-item">
<img src="/assets/images/envelope-blue.svg" alt="" aria-hidden="true" width="24" height="24" />
<EmailObfuscation email={site.email} obfuscatedText="moc.msitua4etutitsniza@ofni" />
<ContactObfuscation email={site.email} obfuscatedText="moc.msitua4etutitsniza@ofni" />
</div>
<div class="footer-contact-item">
<img src="/assets/images/location-blue.svg" alt="" aria-hidden="true" width="24" height="24" />
+2 -2
View File
@@ -1,6 +1,6 @@
---
import Button from './Button.astro';
import EmailObfuscation from './EmailObfuscation.astro';
import ContactObfuscation from './ContactObfuscation.astro';
const { title = 'Schedule Your Free Consultation', showBackground = false } = Astro.props;
---
<section class:list={['form-section', { 'form-section-background': showBackground }]} aria-labelledby="form-title">
@@ -15,7 +15,7 @@ const { title = 'Schedule Your Free Consultation', showBackground = false } = As
<label>Service of interest<select name="service"><option>ABA Therapy</option><option>Autism Evaluation</option><option>Learner Social Club</option><option>Other</option></select></label>
<label>How can we help?<textarea name="message" rows="5"></textarea></label>
<Button type="submit" disabled aria-describedby="form-note">Submit</Button>
<p id="form-note" class="form-note">Online submission is not yet connected. Please call <EmailObfuscation phone="(480) 687-7099" hrefValue="+14806877099" obfuscatedText="9907-786 (084)" />.</p>
<p id="form-note" class="form-note">Online submission is not yet connected. Please call <ContactObfuscation phone="(480) 687-7099" hrefValue="+14806877099" obfuscatedText="9907-786 (084)" />.</p>
</form>
</div>
</section>
+2 -2
View File
@@ -1,6 +1,6 @@
---
import Button from '../Button.astro';
import EmailObfuscation from '../EmailObfuscation.astro';
import ContactObfuscation from '../ContactObfuscation.astro';
const groups = [
{
title: 'Board Certified Behavioral Analysts & Psychologists',
@@ -69,7 +69,7 @@ const groups = [
<p class="eyebrow">Join the AIA Team!</p>
<h2>Employment Opportunities</h2>
<p>Apply online to join the AIA team! At the Arizona Institute for Autism (AIA) we are on a mission to improve special education and strengthen communities throughout Arizona.</p>
<p>Our talented and passionate employees are a critical piece to the high-quality ABA therapy we provide along with our commitment to behavioral health, school solutions, and community outreach. For questions regarding open positions, please contact us at <EmailObfuscation email="hr@azinstitute4autism.com" obfuscatedText="hr [at] abaclinicaz [dot] com" class="team-email" />.</p>
<p>Our talented and passionate employees are a critical piece to the high-quality ABA therapy we provide along with our commitment to behavioral health, school solutions, and community outreach. For questions regarding open positions, please contact us at <ContactObfuscation email="hr@azinstitute4autism.com" obfuscatedText="hr [at] abaclinicaz [dot] com" class="team-email" />.</p>
<Button href="/careers">View Open Positions</Button>
</div>
</section>