From 4bb77e5c16de33010efe4c1fd3b2cf5422859386 Mon Sep 17 00:00:00 2001
From: Oscar Reyes <oscar-rreyes1@hotmail.com>
Date: Fri, 16 Jun 2023 08:53:38 -0600
Subject: [PATCH] fix(frontend): adding default value for data store connection
 types (#2742)

---
 .../forms/AzureAppInsights/AzureAppInsights.tsx               | 4 ++--
 .../Settings/DataStorePlugin/forms/BaseClient/BaseClient.tsx  | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/components/Settings/DataStorePlugin/forms/AzureAppInsights/AzureAppInsights.tsx b/web/src/components/Settings/DataStorePlugin/forms/AzureAppInsights/AzureAppInsights.tsx
index dabb670c8a..d1fec24f6a 100644
--- a/web/src/components/Settings/DataStorePlugin/forms/AzureAppInsights/AzureAppInsights.tsx
+++ b/web/src/components/Settings/DataStorePlugin/forms/AzureAppInsights/AzureAppInsights.tsx
@@ -8,7 +8,7 @@ import DataStoreDocsBanner from '../../../DataStoreDocsBanner/DataStoreDocsBanne
 const AzureAppInsights = () => {
   const baseName = ['dataStore', SupportedDataStores.AzureAppInsights];
   const form = Form.useFormInstance<TDraftDataStore>();
-  const connectionType = Form.useWatch([...baseName, 'connectionType'], form);
+  const connectionType = Form.useWatch([...baseName, 'connectionType'], form) || ConnectionTypes.Direct;
   const useAzureActiveDirectoryAuth = Form.useWatch([...baseName, 'useAzureActiveDirectoryAuth'], form);
 
   return (
@@ -17,7 +17,7 @@ const AzureAppInsights = () => {
         <Col span={12}>
           Connection type:
           <Form.Item name={[...baseName, 'connectionType']}>
-            <Radio.Group>
+            <Radio.Group defaultValue={connectionType}>
               <Radio value={ConnectionTypes.Direct}>Direct Connection</Radio>
               <Radio value={ConnectionTypes.Collector}>Open Telemetry Collector</Radio>
             </Radio.Group>
diff --git a/web/src/components/Settings/DataStorePlugin/forms/BaseClient/BaseClient.tsx b/web/src/components/Settings/DataStorePlugin/forms/BaseClient/BaseClient.tsx
index 1708ca3f12..cc522cd010 100644
--- a/web/src/components/Settings/DataStorePlugin/forms/BaseClient/BaseClient.tsx
+++ b/web/src/components/Settings/DataStorePlugin/forms/BaseClient/BaseClient.tsx
@@ -21,7 +21,7 @@ const BaseClient = () => {
         <Col span={12}>
           Connection type:
           <Form.Item name={[...baseName, 'type']}>
-            <Radio.Group>
+            <Radio.Group defaultValue={type}>
               <Radio value={SupportedClientTypes.GRPC}>gRPC</Radio>
               <Radio value={SupportedClientTypes.HTTP}>Http</Radio>
             </Radio.Group>