32 lines
1.0 KiB
TypeScript
32 lines
1.0 KiB
TypeScript
import { PeopleIcon, CommentDiscussionIcon } from '@primer/octicons-react'
|
|
|
|
import { useTranslation } from 'src/languages/components/useTranslation'
|
|
import { useMainContext } from 'components/context/MainContext'
|
|
|
|
export const Support = () => {
|
|
const { t } = useTranslation('support')
|
|
const { communityRedirect } = useMainContext()
|
|
|
|
return (
|
|
<div>
|
|
<h3 className="mb-3 f4">{t`still_need_help`}</h3>
|
|
<div className="mb-2">
|
|
<a
|
|
id="ask-community"
|
|
href={communityRedirect.href || 'https://github.com/orgs/community/discussions'}
|
|
className="text-underline"
|
|
>
|
|
<PeopleIcon size="small" className="octicon mr-1" />
|
|
{Object.keys(communityRedirect).length === 0 ? t`ask_community` : communityRedirect.name}
|
|
</a>
|
|
</div>
|
|
<div>
|
|
<a id="support" href="https://support.github.com" className="text-underline">
|
|
<CommentDiscussionIcon size="small" className="octicon mr-1" />
|
|
{t`contact_support`}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|