From c6c6dfc8568574e9911376076bc59c918adf1595 Mon Sep 17 00:00:00 2001
From: Alexander Platov <sas_lord@mail.ru>
Date: Wed, 22 Mar 2023 18:55:08 +0300
Subject: [PATCH] TSK-861. Replacing a component (#2809)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>
---
 .../issues/edit/ControlPanel.svelte           | 27 +++++++------------
 1 file changed, 10 insertions(+), 17 deletions(-)

diff --git a/plugins/tracker-resources/src/components/issues/edit/ControlPanel.svelte b/plugins/tracker-resources/src/components/issues/edit/ControlPanel.svelte
index 4e4224bb6c..43dc2167b1 100644
--- a/plugins/tracker-resources/src/components/issues/edit/ControlPanel.svelte
+++ b/plugins/tracker-resources/src/components/issues/edit/ControlPanel.svelte
@@ -14,7 +14,7 @@
 -->
 <script lang="ts">
   import contact, { EmployeeAccount } from '@hcengineering/contact'
-  import { employeeByIdStore, EmployeePresenter } from '@hcengineering/contact-resources'
+  import { employeeByIdStore, EmployeeBox } from '@hcengineering/contact-resources'
   import core, { ClassifierKind, Doc, Mixin, Ref } from '@hcengineering/core'
   import { AttributeBarEditor, createQuery, getClient, KeyedAttribute } from '@hcengineering/presentation'
 
@@ -144,9 +144,15 @@
   <span class="label">
     <Label label={core.string.CreatedBy} />
   </span>
-  <div class="min-w-0 w-full employee-button overflow-label">
-    <EmployeePresenter value={employee} inline />
-  </div>
+  <EmployeeBox
+    value={employee?._id}
+    label={core.string.CreatedBy}
+    kind={'link'}
+    size={'large'}
+    width={'100%'}
+    showNavigate={false}
+    readonly
+  />
 
   <span class="label">
     <Label label={tracker.string.Assignee} />
@@ -218,17 +224,4 @@
     align-self: start;
     margin-top: 0.385rem;
   }
-
-  .employee-button {
-    padding: 0 0.875rem;
-    border: 1px solid transparent;
-    display: flex;
-    min-height: 2rem;
-    &:hover {
-      border: 1px solid var(--button-border-hover);
-      color: var(--accent-color);
-      transition-duration: 0;
-      border-radius: 0.25rem;
-    }
-  }
 </style>