chore: Created a computed property for showing Reset Code button

Signed-off-by: GurkiranSingh <[email protected]>
vitest-dev · Jun 5, 2023 · 6d507d4 · 6d507d4
1 parent 98f7c04
commit 6d507d4
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/ui/client/components/views/ViewEditor.vue b/packages/ui/client/components/views/ViewEditor.vue
@@ -160,6 +160,8 @@ const widgets: CodeMirror.LineWidget[] = []
 const handles: CodeMirror.LineHandle[] = []
 const listeners: [el: HTMLSpanElement, l: EventListener, t: () => void][] = []
 
+const showCodeResetButton = computed(() => testIndex !== null || isDescribeBlock !== null || selectedTest !== null)
+
 const hasBeenEdited = ref(false)
 
 function clearListeners() {
@@ -250,7 +252,7 @@ async function onSave(content: string) {
 <template>
   <div>
     <IconButton
-      v-if="testIndex !== null || isDescribeBlock !== null || selectedTest !== null"
+      v-if="showCodeResetButton"
       v-tooltip.bottom="'Reset Code'"
       title="Clear search"
       icon="i-carbon:reset"