coverage search for user

superdesk · Oct 12, 2023 · 8ee3571 · 8ee3571
1 parent a727285
commit 8ee3571
Showing 1 changed file with 11 additions and 7 deletions.
diff --git 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>