From 8ee3571ce6502cf0ea426f9fe0263c6ffca7384f Mon Sep 17 00:00:00 2001
From: dzonidoo <nikola71092@gmail.com>
Date: Thu, 12 Oct 2023 10:47:38 +0200
Subject: [PATCH] coverage search for user

---
 .../EmbeddedCoverageForm.tsx                   | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/client/components/fields/editor/EventRelatedPlannings/EmbeddedCoverageForm.tsx b/client/components/fields/editor/EventRelatedPlannings/EmbeddedCoverageForm.tsx
index a394bce86..bbc0910f0 100644
--- a/client/components/fields/editor/EventRelatedPlannings/EmbeddedCoverageForm.tsx
+++ b/client/components/fields/editor/EventRelatedPlannings/EmbeddedCoverageForm.tsx
@@ -18,6 +18,7 @@ import {Row, SelectUserInput} from '../../../UI/Form';
 import {EditorFieldNewsCoverageStatus} from '../NewsCoverageStatus';
 import * as config from 'appConfig';
 import {getLanguagesForTreeSelectInput} from '../../../../selectors/vocabs';
+import {SelectUser} from 'superdesk-core/scripts/core/ui/components/SelectUser';
 
 const appConfig = config.appConfig as IPlanningConfig;
 
@@ -172,13 +173,16 @@ export class EmbeddedCoverageFormComponent extends React.PureComponent<IProps> {
                             testId="user"
                             noPadding={true}
                         >
-                            <SelectUserInput
-                                field="user"
-                                placeholder={gettext('Search users')}
-                                value={coverage.user}
-                                onChange={this.onUserChange}
-                                users={coverage.filteredUsers}
-                            />
+                            <Row style={{padding: '2rem 0'}}>
+                                <SelectUser
+                                    onSelect={(user) => {
+                                        this.onUserChange(null, user);
+                                    }}
+                                    autoFocus={false}
+                                    horizontalSpacing={true}
+                                    clearable={true}
+                                />
+                            </Row>
                         </Row>
                     </List.Row>
                     <List.Row>