From f22cd1494c981c9e6b5af503424f49824e82807b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Iv=C3=A1n=20Ovejero?= <ivov.src@gmail.com>
Date: Thu, 2 Dec 2021 13:37:08 +0100
Subject: [PATCH] :zap: Render strings for ReadOnly

---
 .../ExecutionDetails/ExecutionDetails.vue         | 15 +++++++++++----
 .../MainHeader/ExecutionDetails/ReadOnly.vue      | 11 -----------
 2 files changed, 11 insertions(+), 15 deletions(-)
 delete mode 100644 packages/editor-ui/src/components/MainHeader/ExecutionDetails/ReadOnly.vue

diff --git a/packages/editor-ui/src/components/MainHeader/ExecutionDetails/ExecutionDetails.vue b/packages/editor-ui/src/components/MainHeader/ExecutionDetails/ExecutionDetails.vue
index 40a1820b9f..78ce7cf7de 100644
--- a/packages/editor-ui/src/components/MainHeader/ExecutionDetails/ExecutionDetails.vue
+++ b/packages/editor-ui/src/components/MainHeader/ExecutionDetails/ExecutionDetails.vue
@@ -36,7 +36,15 @@
 			</span>
 			workflow
 		</span>
-		<ReadOnly class="read-only" />
+		<n8n-tooltip class="read-only primary-color" placement="bottom-end" >
+			<div slot="content">
+				{{ $baseText('readOnly.youreViewingTheLogOf') }}
+			</div>
+			<span>
+				<font-awesome-icon icon="exclamation-triangle" />
+				{{ $baseText('readOnly.readOnly') }}
+			</span>
+		</n8n-tooltip>
 	</div>
 </template>
 
@@ -48,13 +56,12 @@ import { IExecutionResponse } from "../../../Interface";
 import { titleChange } from "@/components/mixins/titleChange";
 
 import WorkflowNameShort from "@/components/WorkflowNameShort.vue";
-import ReadOnly from "@/components/MainHeader/ExecutionDetails/ReadOnly.vue";
+import { renderText } from "@/components/mixins/renderText";
 
-export default mixins(titleChange).extend({
+export default mixins(titleChange, renderText).extend({
 	name: "ExecutionDetails",
 	components: {
 		WorkflowNameShort,
-		ReadOnly,
 	},
 	computed: {
 		executionId(): string | undefined {
diff --git a/packages/editor-ui/src/components/MainHeader/ExecutionDetails/ReadOnly.vue b/packages/editor-ui/src/components/MainHeader/ExecutionDetails/ReadOnly.vue
deleted file mode 100644
index b080e82fda..0000000000
--- a/packages/editor-ui/src/components/MainHeader/ExecutionDetails/ReadOnly.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<template>
-	<n8n-tooltip class="primary-color" placement="bottom-end" >
-		<div slot="content">
-			{{ $baseText('readOnly.youreViewingTheLogOf') }}
-		</div>
-		<span>
-			<font-awesome-icon icon="exclamation-triangle" />
-			{{ $baseText('readOnly.readOnly') }}
-		</span>
-	</n8n-tooltip>
-</template>