From fb57ef162ccc91be411ad6e13140df29e6a647b1 Mon Sep 17 00:00:00 2001
From: Anemy <rhysh@live.com>
Date: Tue, 17 Nov 2020 10:49:44 -0500
Subject: [PATCH] Update ssl tab to use box select instead of select dropdown

---
 .../components/connect-form/ssl-tab/ssl-tab.tsx       | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/views/webview-app/components/connect-form/ssl-tab/ssl-tab.tsx b/src/views/webview-app/components/connect-form/ssl-tab/ssl-tab.tsx
index bc474a367..769a390ff 100644
--- a/src/views/webview-app/components/connect-form/ssl-tab/ssl-tab.tsx
+++ b/src/views/webview-app/components/connect-form/ssl-tab/ssl-tab.tsx
@@ -10,7 +10,7 @@ import SSL_METHODS, {
   SSLMethodOptions
 } from '../../../connection-model/constants/ssl-methods';
 import FormGroup from '../../form/form-group';
-import FormItemSelect from '../../form/form-item-select';
+import RadioBoxGroup from '../../form/radio-box-group/radio-box-group';
 import SSLServerValidation from './ssl-server-validation';
 import SSLServerClientValidation from './ssl-server-client-validation';
 
@@ -53,13 +53,14 @@ class SSLTab extends React.Component<StateProps & DispatchProps> {
 
     return (
       <FormGroup id="sslMethod" separator>
-        <FormItemSelect
+        <RadioBoxGroup
           label="SSL"
           name="sslMethod"
-          options={SSLMethodOptions.map((methodOption) => ({
-            [`${methodOption.id}`]: methodOption.title
+          options={SSLMethodOptions.map((sslMethodOption) => ({
+            label: sslMethodOption.title,
+            value: sslMethodOption.id
           }))}
-          changeHandler={this.onSSLMethodChanged}
+          onChange={this.onSSLMethodChanged}
           value={sslMethod}
         />
         {this.renderSSLMethod()}