Skip to content

Instantly share code, notes, and snippets.

@navdeepsingh

navdeepsingh/contact-details.tsx

Created November 21, 2020 09:57
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save navdeepsingh/45cbbd43ca88170b105977385f1225ff to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save navdeepsingh/45cbbd43ca88170b105977385f1225ff to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. navdeepsingh created this gist Nov 21, 2020.
    37 changes: 37 additions & 0 deletions contact-details.tsx
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,37 @@
    import React from "react";
    import classNames from "classnames";
    import A from "@styleguide/components/a";
    import { IconBuilding, IconMessage, IconPhone } from "@icons/index";

    import css from "./index.scss";

    import { CONTACT_US_EMAIL, CONTACT_US_PHONE_NUMBER } from "@lib/staticRoutes";

    import {
    CONTACT_ADDRESS,
    CONTACT_EMAIL,
    CONTACT_PHONE_NUMBER
    } from "@lib/constants";

    const ContactDetails = () => (
    <div className={css.contactInfo}>
    <A link={CONTACT_US_PHONE_NUMBER} className={css.contactInfoSection}>
    <IconPhone className={css.contactIcons} size={"2x"} width="0" />
    <span>{CONTACT_PHONE_NUMBER}</span>
    </A>
    <A link={CONTACT_US_EMAIL} className={css.contactInfoSection}>
    <IconMessage className={css.contactIcons} size={"2x"} width="0" />
    <span>{CONTACT_EMAIL}</span>
    </A>
    <div className={css.contactInfoSection}>
    <IconBuilding
    className={classNames(css.contactIcons, css.contactBuildingIcon)}
    size={"2x"}
    width="0"
    />
    <span>{CONTACT_ADDRESS}</span>
    </div>
    </div>
    );

    export default ContactDetails;