Janady13/thatdeveloperguy-website / app/routes/contact.tsx

Source identity

Field	Recorded value
Source type	GitHub source
Original record	Janady13/thatdeveloperguy-website / app/routes/contact.tsx
Date	Not specified in source
Repository	Janady13/thatdeveloperguy-website
Revision	2bea2ebdff0e34494bff597d4fa9c8422a0c3a94
Branch	main
Path or archive member	app/routes/contact.tsx
Original SHA-256	46b283dc29cfe7cc03f1748fe02f14e3628ffd9c03a16ff2a8c04665975c13b0
Git blob SHA	a23246532f279eb0e835b942aa194bc641e5daf9
Reading-copy SHA-256	46b283dc29cfe7cc03f1748fe02f14e3628ffd9c03a16ff2a8c04665975c13b0

Original source ↗

Recovered source transcript

Download complete source text ↓30 lines · 1.3 KB

import { pageMeta } from '../components/publication/PageMetadata';
import { JsonLd } from '../components/publication/JsonLd';
import { PageHeading } from '../components/content/PageHeading';
import { ContentSections } from '../components/content/ContentSections';
import { InquiryForm } from '../components/forms/InquiryForm';
import { truth } from '../../src/authority/select-public-facts';
import { usePage, Missing } from './_page';
import { useState } from 'react';

export function meta({ location }: { location: { pathname: string } }) { return pageMeta(location.pathname); }

export default function Contact() {
  const page = usePage();
  const [, setAccepted] = useState(false);
  if (!page) return <Missing />;
  return (
    <>
      <JsonLd page={page} />
      <div className="page-wrap">
        <PageHeading page={page} />
        <ContentSections page={page} />
        <div className="contact-layout">
          <InquiryForm delivery={import.meta.env.VITE_INQUIRY_DELIVERY === 'connected' ? 'connected' : 'not-connected'} onOutcome={outcome => setAccepted(outcome === 'provider_accepted')} />
        </div>
        <p className="contact-alternatives">Prefer to talk: <a href={`tel:${truth.org.telephone}`}>{truth.org.telephoneDisplay || truth.org.telephone}</a> · <a href={`mailto:${truth.org.email}`}>{truth.org.email}</a></p>
      </div>
    </>
  );
}