Google Sheet integration fix (#493)

* Google Sheet integration fix

* fix testcase

---------

Co-authored-by: Julien Nahum <julien@nahum.net>

client/components/open/forms/OpenFormField.vue

@@ -91,6 +91,7 @@
             :alt="field.name"
             :src="field.image_block"
             class="max-w-full"
+            :class="theme.default.borderRadius"
           >
         </div>
       </template>

client/components/open/forms/fields/components/FieldOptions.vue

@@ -517,6 +517,17 @@
         :form="field"
         :editor-toolbar="editorToolbarCustom"
         label="Field Help"
+        :editor-options="{
+          formats: [
+            'bold',
+            'color',
+            'font',
+            'italic',
+            'link',
+            'underline',
+            'list'
+          ]
+        }"
         help="Your field help will be shown below/above the field, just like this text."
         :help-position="field.help_position"
       />

client/components/open/integrations/GoogleSheetsIntegration.vue

@@ -10,6 +10,7 @@
         v-model="integrationData.oauth_id"
         name="provider"
         :options="providers"
+        display-key="email"
         option-key="id"
         emit-key="id"
         :required="true"
@@ -43,19 +44,19 @@
 </template>
 
 <script setup>
-import IntegrationWrapper from "./components/IntegrationWrapper.vue"
+import IntegrationWrapper from './components/IntegrationWrapper.vue'
 
 const props = defineProps({
   integration: { type: Object, required: true },
   form: { type: Object, required: true },
   integrationData: { type: Object, required: true },
-  formIntegrationId: { type: Number, required: false, default: null },
+  formIntegrationId: { type: Number, required: false, default: null }
 })
 
 const providersStore = useOAuthProvidersStore()
 const providers = computed(() => providersStore.getAll.filter(provider => provider.provider == 'google'))
 
-function connect() {
+function connect () {
   providersStore.connect('google', true)
 }
 </script>