Fix Telegram link + add remaining links target="_blank" and rel="nore… (#1135)
# What this PR does Fix Telegram link + add remaining links `target="_blank"`
This commit is contained in:
parent
59f2c293e7
commit
8467199d94
7 changed files with 21 additions and 9 deletions
|
|
@ -7,6 +7,7 @@ import { observer } from 'mobx-react';
|
|||
import Block from 'components/GBlock/Block';
|
||||
import Text from 'components/Text/Text';
|
||||
import { SlackNewIcon } from 'icons';
|
||||
import { DOCS_SLACK_SETUP } from 'utils/consts';
|
||||
|
||||
import styles from './SlackInstructions.module.css';
|
||||
|
||||
|
|
@ -27,7 +28,7 @@ const SlackInstructions: FC<SlackInstructionsProps> = observer(() => {
|
|||
<Text>Before start you need to connect your Slack bot to Grafana OnCall.</Text>
|
||||
<Text type="secondary">
|
||||
For bot creating instructions and additional information please read{' '}
|
||||
<a href="https://grafana.com/docs/grafana-cloud/oncall/open-source/#slack-setup">
|
||||
<a href={DOCS_SLACK_SETUP} target="_blank" rel="noreferrer">
|
||||
<Text type="link">our documentation</Text>
|
||||
</a>
|
||||
</Text>{' '}
|
||||
|
|
@ -36,7 +37,7 @@ const SlackInstructions: FC<SlackInstructionsProps> = observer(() => {
|
|||
<Text>Setup environment</Text>
|
||||
<Text>
|
||||
Create OnCall Slack bot using{' '}
|
||||
<a href="https://grafana.com/docs/grafana-cloud/oncall/open-source/#slack-setup">
|
||||
<a href={DOCS_SLACK_SETUP} target="_blank" rel="noreferrer">
|
||||
<Text type="link">our instructions</Text>
|
||||
</a>{' '}
|
||||
and fill out app credentials below.
|
||||
|
|
|
|||
|
|
@ -110,8 +110,12 @@ const TelegramModal = (props: TelegramModalProps) => {
|
|||
<Text type="primary">Discussion</Text> to find and add your group.{' '}
|
||||
</Text>
|
||||
<Text type="secondary">
|
||||
4. Go to <Text type="link">{botLink}</Text> to add the OnCall bot to your contacts. Then add the bot to your
|
||||
channel as an <Text type="primary">Admin</Text> and allow it to <Text type="primary">Post Messages</Text>.
|
||||
4. Go to{' '}
|
||||
<a href={botLink} target="_blank" rel="noreferrer">
|
||||
<Text type="link">{botLink}</Text>
|
||||
</a>{' '}
|
||||
to add the OnCall bot to your contacts. Then add the bot to your channel as an{' '}
|
||||
<Text type="primary">Admin</Text> and allow it to <Text type="primary">Post Messages</Text>.
|
||||
</Text>
|
||||
<Text type="secondary">5. Add the bot to the discussion group.</Text>
|
||||
<Text type="secondary">
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@ import Block from 'components/GBlock/Block';
|
|||
import Text from 'components/Text/Text';
|
||||
import { SlackNewIcon } from 'icons';
|
||||
import { useStore } from 'state/useStore';
|
||||
import { DOCS_SLACK_SETUP } from 'utils/consts';
|
||||
|
||||
import styles from './SlackTab.module.css';
|
||||
|
||||
|
|
@ -32,7 +33,7 @@ export const SlackTab = () => {
|
|||
|
||||
<Text type="secondary">
|
||||
More details in{' '}
|
||||
<a href="https://grafana.com/docs/grafana-cloud/oncall/open-source/#slack-setup">
|
||||
<a href={DOCS_SLACK_SETUP} target="_blank" rel="noreferrer">
|
||||
<Text type="link">our documentation</Text>
|
||||
</a>
|
||||
</Text>
|
||||
|
|
|
|||
|
|
@ -12,6 +12,7 @@ import { TelegramColorIcon } from 'icons';
|
|||
import { AppFeature } from 'state/features';
|
||||
import { useStore } from 'state/useStore';
|
||||
import { openNotification } from 'utils';
|
||||
import { DOCS_TELEGRAM_SETUP } from 'utils/consts';
|
||||
|
||||
import styles from './TelegramInfo.module.css';
|
||||
|
||||
|
|
@ -82,7 +83,7 @@ const TelegramInfo = observer((_props: TelegramInfoProps) => {
|
|||
</Text>
|
||||
<Text type="secondary">
|
||||
More details in{' '}
|
||||
<a href="https://grafana.com/docs/grafana-cloud/oncall/chat-options/configure-telegram/">
|
||||
<a href={DOCS_TELEGRAM_SETUP} target="_blank" rel="noreferrer">
|
||||
<Text type="link">our documentation</Text>
|
||||
</a>
|
||||
</Text>
|
||||
|
|
|
|||
|
|
@ -18,6 +18,7 @@ import { AppFeature } from 'state/features';
|
|||
import { WithStoreProps } from 'state/types';
|
||||
import { withMobXProviderContext } from 'state/withStore';
|
||||
import { UserActions } from 'utils/authorization';
|
||||
import { DOCS_SLACK_SETUP } from 'utils/consts';
|
||||
|
||||
import styles from './SlackSettings.module.css';
|
||||
|
||||
|
|
@ -246,7 +247,7 @@ class SlackSettings extends Component<SlackProps, SlackState> {
|
|||
{isLiveSettingAvailable && (
|
||||
<Text type="secondary" className={cx('infoblock-text')}>
|
||||
For bot creating instructions and additional information please read{' '}
|
||||
<a href="https://grafana.com/docs/grafana-cloud/oncall/open-source/#slack-setup">
|
||||
<a href={DOCS_SLACK_SETUP} target="_blank" rel="noreferrer">
|
||||
<Text type="link">our documentation</Text>
|
||||
</a>
|
||||
</Text>
|
||||
|
|
|
|||
|
|
@ -15,6 +15,7 @@ import { TelegramChannel } from 'models/telegram_channel/telegram_channel.types'
|
|||
import { AppFeature } from 'state/features';
|
||||
import { WithStoreProps } from 'state/types';
|
||||
import { withMobXProviderContext } from 'state/withStore';
|
||||
import { DOCS_TELEGRAM_SETUP } from 'utils/consts';
|
||||
|
||||
import styles from './TelegramSettings.module.css';
|
||||
|
||||
|
|
@ -63,7 +64,7 @@ class TelegramSettings extends Component<TelegramProps, TelegramState> {
|
|||
</Text>
|
||||
<Text type="secondary" className={cx('infoblock-text')}>
|
||||
More details in{' '}
|
||||
<a href="https://grafana.com/docs/grafana-cloud/oncall/chat-options/configure-telegram/">
|
||||
<a href={DOCS_TELEGRAM_SETUP} target="_blank" rel="noreferrer">
|
||||
<Text type="link">our documentation</Text>
|
||||
</a>
|
||||
</Text>
|
||||
|
|
@ -94,7 +95,7 @@ class TelegramSettings extends Component<TelegramProps, TelegramState> {
|
|||
</Text>
|
||||
<Text type="secondary" className={cx('infoblock-text')}>
|
||||
More details in{' '}
|
||||
<a href="https://grafana.com/docs/grafana-cloud/oncall/chat-options/configure-telegram/">
|
||||
<a href={DOCS_TELEGRAM_SETUP} target="_blank" rel="noreferrer">
|
||||
<Text type="link">our documentation</Text>
|
||||
</a>
|
||||
</Text>
|
||||
|
|
|
|||
|
|
@ -25,3 +25,6 @@ export const FARO_ENDPOINT_OPS =
|
|||
'https://faro-collector-prod-us-central-0.grafana.net/collect/40ccaafad6b71aa90fc53c3b0a1adb31';
|
||||
export const FARO_ENDPOINT_PROD =
|
||||
'https://faro-collector-prod-us-central-0.grafana.net/collect/03a11ed03c3af04dcfc3be9755f2b053';
|
||||
|
||||
export const DOCS_SLACK_SETUP = 'https://grafana.com/docs/grafana-cloud/oncall/open-source/#slack-setup';
|
||||
export const DOCS_TELEGRAM_SETUP = 'https://grafana.com/docs/grafana-cloud/oncall/chat-options/configure-telegram/';
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue