From d76a42d7c84ccf8005b0f12bc79270a1e76e3609 Mon Sep 17 00:00:00 2001
From: Idriss Neumann <idriss.neumann@comwork.io>
Date: Wed, 13 Dec 2023 09:57:47 +0100
Subject: [PATCH] Issue #34: add switch to enable/disable base64 traceId
 encoding

---
 src/configuration/DataLink.tsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/configuration/DataLink.tsx b/src/configuration/DataLink.tsx
index c2cb76c..bfde386 100644
--- a/src/configuration/DataLink.tsx
+++ b/src/configuration/DataLink.tsx
@@ -30,6 +30,7 @@ export const DataLink = (props: Props) => {
   const { value, onChange, onDelete, suggestions, className } = props;
   const styles = useStyles2(getStyles);
   const [showInternalLink, setShowInternalLink] = useInternalLink(value.datasourceUid);
+  const [base64TraceId, setBase64TraceId] = useState(true)
 
   const handleChange = (field: keyof typeof value) => (event: React.ChangeEvent<HTMLInputElement>) => {
     onChange({
@@ -38,6 +39,11 @@ export const DataLink = (props: Props) => {
     });
   };
 
+  const handleBase64TraceId = (base64TraceId: boolean, config: DataLinkConfig) => {
+    setBase64TraceId(base64TraceId)
+    config = {...config, base64TraceId: base64TraceId };
+  }
+
   return (
     <div className={className}>
       <div className={styles.firstRow}>
@@ -131,6 +137,17 @@ export const DataLink = (props: Props) => {
           />
         )}
       </div>
+
+      <div className={styles.row}>
+        <InlineField label="Base64" labelWidth={12}>
+          <InlineSwitch
+            title="Base64 traceId"
+            label="Base64 traceId"
+            value={base64TraceId}
+            onChange={() => handleBase64TraceId(!base64TraceId, value)}
+          />
+        </InlineField>
+      </div>
     </div>
   );
 };