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:
Rares Mardare 2023-01-16 11:20:31 +02:00 committed by GitHub
parent 59f2c293e7
commit 8467199d94
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 21 additions and 9 deletions

View file

@ -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.

View file

@ -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">

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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/';