From 180ab8d7c299fa3c5cd02c33ec90dadff65dc4b5 Mon Sep 17 00:00:00 2001
From: OlegIvaniv <me@olegivaniv.com>
Date: Tue, 11 Jul 2023 12:16:48 +0200
Subject: [PATCH] fix(editor): Implement simple view for templates experiment
 (no-changelog) (#6637)

Signed-off-by: Oleg Ivaniv <me@olegivaniv.com>
---
 packages/editor-ui/src/components/TemplateCard.vue   | 7 ++++++-
 packages/editor-ui/src/components/TemplateList.vue   | 5 +++--
 packages/editor-ui/src/views/TemplatesSearchView.vue | 2 +-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/editor-ui/src/components/TemplateCard.vue b/packages/editor-ui/src/components/TemplateCard.vue
index 0fce8fdbc..f1f87ba74 100644
--- a/packages/editor-ui/src/components/TemplateCard.vue
+++ b/packages/editor-ui/src/components/TemplateCard.vue
@@ -13,7 +13,7 @@
 		</div>
 		<div v-else>
 			<n8n-heading :bold="true" size="small">{{ workflow.name }}</n8n-heading>
-			<div :class="$style.content">
+			<div :class="$style.content" v-if="!simpleView">
 				<span v-if="workflow.totalViews">
 					<n8n-text size="small" color="text-light">
 						<font-awesome-icon icon="eye" />
@@ -72,6 +72,10 @@ export default defineComponent({
 		loading: {
 			type: Boolean,
 		},
+		simpleView: {
+			type: Boolean,
+			default: false,
+		},
 	},
 	components: {
 		TimeAgo,
@@ -122,6 +126,7 @@ export default defineComponent({
 	background-color: var(--color-background-xlight);
 
 	display: flex;
+	align-items: center;
 	padding: 0 var(--spacing-s) var(--spacing-s) var(--spacing-s);
 	background-color: var(--color-background-xlight);
 	cursor: pointer;
diff --git a/packages/editor-ui/src/components/TemplateList.vue b/packages/editor-ui/src/components/TemplateList.vue
index ce055002f..93fc77a81 100644
--- a/packages/editor-ui/src/components/TemplateList.vue
+++ b/packages/editor-ui/src/components/TemplateList.vue
@@ -1,6 +1,6 @@
 <template>
 	<div :class="$style.list" v-if="loading || workflows.length">
-		<div :class="$style.header" v-if="!hideHeader">
+		<div :class="$style.header" v-if="!simpleView">
 			<n8n-heading :bold="true" size="medium" color="text-light">
 				{{ $locale.baseText('templates.workflows') }}
 				<span v-if="!loading && totalWorkflows" v-text="`(${totalWorkflows})`" />
@@ -12,6 +12,7 @@
 				:key="workflow.id"
 				:workflow="workflow"
 				:firstItem="index === 0"
+				:simple-view="simpleView"
 				:lastItem="index === workflows.length - 1 && !loading"
 				:useWorkflowButton="useWorkflowButton"
 				@click="(e) => onCardClick(e, workflow.id)"
@@ -57,7 +58,7 @@ export default defineComponent({
 		totalWorkflows: {
 			type: Number,
 		},
-		hideHeader: {
+		simpleView: {
 			type: Boolean,
 			default: false,
 		},
diff --git a/packages/editor-ui/src/views/TemplatesSearchView.vue b/packages/editor-ui/src/views/TemplatesSearchView.vue
index d3841b6d9..060ecef2d 100644
--- a/packages/editor-ui/src/views/TemplatesSearchView.vue
+++ b/packages/editor-ui/src/views/TemplatesSearchView.vue
@@ -65,7 +65,7 @@
 						:loading="loadingWorkflows"
 						:total-workflows="totalWorkflows"
 						:workflows="isFixedListExperiment ? fixedTemplatesList : workflows"
-						:hide-header="isFixedListExperiment"
+						:simple-view="isFixedListExperiment"
 						@loadMore="onLoadMore"
 						@openTemplate="onOpenTemplate"
 					/>