changes after review

superdesk · Oct 10, 2024 · d0dc8a5 · d0dc8a5
1 parent 3bcfb40
commit d0dc8a5
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 625 deletions.
diff --git a/client/extensions/orangelogic-extension/src/search-panel-widget.tsx b/client/extensions/orangelogic-extension/src/search-panel-widget.tsx
@@ -1,5 +1,6 @@
 import * as React from 'react';
 import {ISearchPanelWidgetProps, ISuperdesk} from 'superdesk-api';
+import {CheckboxButton, Spacer} from 'superdesk-ui-framework/react';
 
 type IMediaType = 'Image' | 'Video';
 
@@ -51,17 +52,13 @@ export const searchPanelWidgetFactory = (
 
             return (
                 <fieldset>
-                    <div className="field flex-grid flex-grid--boxed-small flex-grid--small-2 sd-margin-t--2">
-                        {mediaTypes.map((type) => (
-                            <button
-                                key={type.type}
-                                className={'toggle-button' + (this.isActive(type.type) ? ' toggle-button--active' : '')}
-                                onClick={() => this.toggleMediaType(type.type)}
-                            >
-                                {type.label}
-                            </button>
-                        ))}
-                    </div>
+                    <div className="field sd-margin-t--2">
+                        <Spacer h gap={'4'}>
+                            {mediaTypes.map((type, i) => (
+                                <CheckboxButton key={i} checked={this.isActive(type.type)} label={{text: type.label}} onChange={() => this.toggleMediaType(type.type)} />
+                            ))}
+                        </Spacer>
+                    </div>                 
                     <div className="field">
                         <label className="search-label">{gettext('From')}</label>
                         <input type="date" value={params.from || ''}