Function Support

components/page-footer/Support.tsx:6–35

()

import { useMainContext } from 'components/context/MainContext'

export const Support = () => {
  const { t } = useTranslation('support')
  const { communityRedirect } = useMainContext()

  return (
    <div>
      <h2 className="mb-3 f4">{t`still_need_help`}</h2>
      <div className="mb-2">
        <a
          id="ask-community"
          href={communityRedirect.href || 'https://github.com/orgs/community/discussions'}
          className="Link—secondary text-bold"
        >
          <PeopleIcon size="small" className="octicon mr-1" />
          {Object.keys(communityRedirect).length === 0 ? t`ask_community` : communityRedirect.name}
        </a>
      </div>
      <div>
        <a
          id="contact-us"
          href="https://support.github.com/contact"
          className="Link—secondary text-bold"
        >
          <CommentDiscussionIcon size="small" className="octicon mr-1" />
          {t`contact_support`}
        </a>
      </div>
    </div>
  )
}