From 4cbb65a5cb65569a5b60722b570a55eea3bf30a9 Mon Sep 17 00:00:00 2001
From: Rares Mardare <rares.mardare@grafana.com>
Date: Mon, 12 Sep 2022 16:57:37 +0300
Subject: [PATCH] pick hostname from onCallApiUrl

---
 .../components/SourceCode/SourceCode.module.scss    |  4 ----
 .../src/components/SourceCode/SourceCode.tsx        |  8 +++-----
 .../containers/ApiTokenSettings/ApiTokenForm.tsx    | 13 +++++++++----
 3 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/grafana-plugin/src/components/SourceCode/SourceCode.module.scss b/grafana-plugin/src/components/SourceCode/SourceCode.module.scss
index fc7c3b9f..a926c09d 100644
--- a/grafana-plugin/src/components/SourceCode/SourceCode.module.scss
+++ b/grafana-plugin/src/components/SourceCode/SourceCode.module.scss
@@ -21,10 +21,6 @@
   right: 15px;
   opacity: 0;
   transition: opacity 0.2s ease;
-
-  &--top {
-    top: 6px;
-  }
 }
 
 pre {
diff --git a/grafana-plugin/src/components/SourceCode/SourceCode.tsx b/grafana-plugin/src/components/SourceCode/SourceCode.tsx
index 61fc2202..da4f8838 100644
--- a/grafana-plugin/src/components/SourceCode/SourceCode.tsx
+++ b/grafana-plugin/src/components/SourceCode/SourceCode.tsx
@@ -13,12 +13,11 @@ const cx = cn.bind(styles);
 interface SourceCodeProps {
   noMaxHeight?: boolean;
   showCopyToClipboard?: boolean;
-  isButtonTopPositioned?: boolean;
   children?: any;
 }
 
 const SourceCode: FC<SourceCodeProps> = (props) => {
-  const { children, isButtonTopPositioned = false, noMaxHeight = false, showCopyToClipboard = true } = props;
+  const { children, noMaxHeight = false, showCopyToClipboard = true } = props;
 
   return (
     <div className={cx('root')}>
@@ -30,10 +29,9 @@ const SourceCode: FC<SourceCodeProps> = (props) => {
           }}
         >
           <Button
-            className={cx('button', {
-              'button--top': isButtonTopPositioned,
-            })}
+            className={cx('button')}
             variant="primary"
+            size='xs'
             icon="copy"
           >
             Copy
diff --git a/grafana-plugin/src/containers/ApiTokenSettings/ApiTokenForm.tsx b/grafana-plugin/src/containers/ApiTokenSettings/ApiTokenForm.tsx
index 8bd60647..5636613f 100644
--- a/grafana-plugin/src/containers/ApiTokenSettings/ApiTokenForm.tsx
+++ b/grafana-plugin/src/containers/ApiTokenSettings/ApiTokenForm.tsx
@@ -10,6 +10,7 @@ import SourceCode from 'components/SourceCode/SourceCode';
 import { ApiToken } from 'models/api_token/api_token.types';
 import { useStore } from 'state/useStore';
 import { openErrorNotification, openNotification } from 'utils';
+import { getItem } from 'utils/localStorage';
 
 import styles from './ApiTokenForm.module.css';
 
@@ -82,7 +83,9 @@ const ApiTokenForm = observer((props: TokenCreationModalProps) => {
   }
 
   function renderCopyToClipboard() {
-    if (!token) return null;
+    if (!token) {
+      return null;
+    }
     return (
       <CopyToClipboard text={token} onCopy={() => openNotification('Token copied')}>
         <Button className={cx('token__copyButton')}>Copy Token</Button>
@@ -91,18 +94,20 @@ const ApiTokenForm = observer((props: TokenCreationModalProps) => {
   }
 
   function renderCurlExample() {
-    if (!token) return null;
+    if (!token) {
+      return null;
+    }
     return (
       <VerticalGroup>
         <Label>Curl command example</Label>
-        <SourceCode isButtonTopPositioned={true}>{getCurlExample(token)}</SourceCode>
+        <SourceCode>{getCurlExample(token)}</SourceCode>
       </VerticalGroup>
     );
   }
 });
 
 function getCurlExample(token) {
-  return `curl -H "Authorization: ${token}" ${document.location.origin}/api/v1/escalation_chains`;
+  return `curl -H "Authorization: ${token}" ${getItem('onCallApiUrl')}/api/internal/v1/alert_receive_channels`;
 }
 
 export default ApiTokenForm;