added the ssl connection switch

src/components/ConfigInput/ConfigInput.tsx

@@ -1,4 +1,12 @@
-import { Autocomplete, Box, IconButton, InputAdornment } from '@mui/material';
+import {
+  Autocomplete,
+  Box,
+  FormControlLabel,
+  IconButton,
+  InputAdornment,
+  InputLabel,
+  Switch,
+} from '@mui/material';
 import React, { useEffect, useState } from 'react';
 import MultiTagInput from '../MultiTagInput';
 import { Controller } from 'react-hook-form';
@@ -256,6 +264,43 @@
               />
               <Box sx={{ m: 2 }} />
             </React.Fragment>
+          ) : spec.type === 'boolean' ? (
+            <React.Fragment key={spec.field}>
+              <Controller
+                name={spec.field}
+                control={control}
+                render={({ field: { ref, onChange, value, ...rest }, fieldState }) => (
+                  <>
+                    <FormControlLabel
+                      sx={{ margin: '0' }}
+                      labelPlacement="end"
+                      label={
+                        <InputLabel
+                          sx={{
+                            marginBottom: '5px',
+                            mt: '5px',
+                            maxWidth: '100%',
+                            whiteSpace: 'normal',
+                            wordWrap: 'break-word',
+                            overflow: 'hidden',
+                          }}
+                        >{`${spec.title}${spec.required ? '*' : ''}`}</InputLabel>
+                      }
+                      control={
+                        <Switch
+                          {...rest}
+                          checked={value}
+                          onChange={(event) => {
+                            onChange(event.target.checked);
+                          }}
+                        />
+                      }
+                    />
+                  </>
+                )}
+              />
+              <Box sx={{ m: 2 }} />
+            </React.Fragment>
           ) : (
             ''
           );

src/components/Destinations/Destinations.tsx

@@ -109,6 +109,7 @@ export const Destinations = () => {
         wtype: w_house.wtype,
         icon: w_house.airbyte_destination.icon,
         connectionConfiguration: w_house.airbyte_destination.connectionConfiguration,
+        ssl: w_house.ssl,
       } as Warehouse);
     }
   }, [data]);