From a328b8c66bfc52b798eb5ef6dab641eb320206c2 Mon Sep 17 00:00:00 2001
From: Mutasem <mutdmour@gmail.com>
Date: Thu, 29 Jul 2021 15:30:53 +0200
Subject: [PATCH] update last component

---
 .../src/components/SaveWorkflowButton.vue     | 42 +++++++------------
 packages/editor-ui/src/plugins/compontents.ts |  2 +-
 2 files changed, 15 insertions(+), 29 deletions(-)

diff --git a/packages/editor-ui/src/components/SaveWorkflowButton.vue b/packages/editor-ui/src/components/SaveWorkflowButton.vue
index cb1904b2ae..4925f3e6c3 100644
--- a/packages/editor-ui/src/components/SaveWorkflowButton.vue
+++ b/packages/editor-ui/src/components/SaveWorkflowButton.vue
@@ -1,14 +1,10 @@
 <template>
-	<el-button :disabled="isWorkflowSaving" :class="{saved: isSaved}" size="small" @click="save" round :type="isSaved ? 'text': 'primary'">
-		<font-awesome-icon v-if="isWorkflowSaving" icon="spinner" spin />
-		<span v-else-if="isDirty || isNewWorkflow">
-			Save
-		</span>
-		<span v-else>Saved</span>
-	</el-button>
+	<span :class="$style.container">
+		<n8n-button label="Save" :disabled="isWorkflowSaving" size="md" @click="save" v-if="isDirty || isNewWorkflow" />
+		<span :class="$style.saved" v-else>Saved</span>
+	</span>
 </template>
 
-
 <script lang="ts">
 import mixins from "vue-typed-mixins";
 import { mapGetters } from "vuex";
@@ -39,27 +35,17 @@ export default mixins(workflowHelpers).extend({
 });
 </script>
 
-<style lang="scss" scoped>
-.el-button {
+<style lang="scss" module>
+.container {
 	width: 65px;
+}
 
-	// override disabled colors
-	color: white;
-	background-color: $--color-primary;
-
-	&:hover:not(.saved) {
-		color: white;
-		background-color: $--color-primary;
-	}
-
-	&.saved {
-		color: $--custom-font-very-light;
-		font-size: 12px;
-		font-weight: 600;
-		line-height: 12px;
-		text-align: center;
-		background-color: unset;
-		pointer-events: none;
-	}
+.saved {
+	color: $--custom-font-very-light;
+	font-size: 12px;
+	font-weight: 600;
+	line-height: 12px;
+	text-align: center;
+	padding: var(--spacing-2xs) var(--spacing-xs);
 }
 </style>
\ No newline at end of file
diff --git a/packages/editor-ui/src/plugins/compontents.ts b/packages/editor-ui/src/plugins/compontents.ts
index e7fb54b3ae..475530214e 100644
--- a/packages/editor-ui/src/plugins/compontents.ts
+++ b/packages/editor-ui/src/plugins/compontents.ts
@@ -122,7 +122,7 @@ Vue.use(Switch);
 Vue.use(Select);
 Vue.use(Option);
 Vue.use(OptionGroup);
-Vue.use(Button);
+// Vue.use(Button);
 Vue.use(ButtonGroup);
 Vue.use(Table);
 Vue.use(TableColumn);