Merge pull request #8444 from ProcessMaker/bugfix/FOUR-25773

FOUR-25773:Case detail is choppy when TCE_CUSTOMIZATION_ENABLED=true

Author: nolanpro

resources/jscomposition/cases/casesDetail/components/CaseDetail.vue

@@ -10,6 +10,7 @@
       :tab-default="tabDefault"
       :tabs="tabs"
       :keep-alive="['NewOverview']"
+      :is-tce-customization="isTceCustomization()"
     />
   </div>
 </template>

resources/jscomposition/cases/casesDetail/components/Tabs.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     class="tw-flex tw-flex-col tw-pointer-events-auto"
-    :class="isTceCustomization() ? 'tw-h-[calc(100vh-480px)]' : 'tw-h-full'"
+    :class="isTceCustomization ? 'tw-h-[calc(100vh-480px)]' : 'tw-h-full'"
   >
     <nav
       class="tw-mb-px tw-flex tw-space-x-2 tw-border-b tw-border-gray-300"
@@ -35,7 +35,6 @@
 
 <script>
 import { defineComponent, ref, onMounted } from "vue";
-import { isTceCustomization } from "../variables/index";
 
 export default defineComponent({
   props: {
@@ -52,6 +51,11 @@ export default defineComponent({
       required: false,
       default: () => [],
     },
+    isTceCustomization: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
   },
   setup(props) {
     const content = ref(null);
@@ -72,7 +76,6 @@ export default defineComponent({
       content,
       selectTab,
       tabSelected,
-      isTceCustomization,
     };
   },
 });