From 01e0d453d52320db8acc8ac4f6d1ce3cb5b41da0 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Thu, 15 Sep 2022 20:24:14 +0200
Subject: [PATCH] feat(nc-gui): allow theme usage for form and survey

---
 .../components/smartsheet/toolbar/ShareView.vue | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/toolbar/ShareView.vue b/packages/nc-gui/components/smartsheet/toolbar/ShareView.vue
index 72a7758d9e..f65eb1b6a1 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/ShareView.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/ShareView.vue
@@ -85,11 +85,11 @@ const sharedViewUrl = computed(() => {
   /** if survey mode is enabled, append survey path segment */
   if (surveyMode.value) {
     url = `${url}/survey`
+  }
 
-    /** if theme is enabled, append theme query params */
-    if (withTheme.value) {
-      url = `${url}?theme=${theme.value.primaryColor.replace('#', '')},${theme.value.accentColor.replace('#', '')}`
-    }
+  /** if theme is enabled, append theme query params */
+  if (withTheme.value) {
+    url = `${url}?theme=${theme.value.primaryColor.replace('#', '')},${theme.value.accentColor.replace('#', '')}`
   }
 
   return url
@@ -183,15 +183,16 @@ watch(passwordProtected, (value) => {
       <a-collapse ghost>
         <a-collapse-panel key="1" :header="$t('general.showOptions')">
           <div class="flex flex-col gap-2">
-            <div class="flex flex-col gap-2">
+            <div>
               <!-- Survey Mode; todo: i18n -->
               <a-checkbox v-if="shared.type === ViewTypes.FORM" v-model:checked="surveyMode" class="!text-xs">
                 Use Survey Mode
               </a-checkbox>
+            </div>
 
-              <div v-if="surveyMode" class="ml-2">
-                <a-checkbox v-model:checked="withTheme" class="!text-xs"> Use Theme </a-checkbox>
-              </div>
+            <div>
+              <!-- todo: i18n -->
+              <a-checkbox v-model:checked="withTheme" class="!text-xs"> Use Theme </a-checkbox>
             </div>
 
             <div>