Const
@observer
export default class SearchSelectionTableTestPage extends React.Component<Props> {
@observable
showModal: boolean = false;
@action
toggleShowModal = () => {
this.showModal = !this.showModal;
};
searchConfirm = (selection: SearchHit[]) => {
this.toggleShowModal();
console.log(
'Selected: ',
selection
.map(hit => SearchHitUtil.getFieldValues<string>(hit, '$display_name')[0])
.join(', ')
);
};
override render () {
return (
<div>
<Button
data-qaid={'searchButton'}
isRound={true}
intent={INTENT.PRIMARY}
onClick={this.toggleShowModal}
>
{'TEST SEARCH MODAL'}
</Button>
{this.showModal && (
<AssetSearchModal
onClose={this.toggleShowModal}
onConfirm={this.searchConfirm}
/>
)}
</div>
);
}
}
Модальное окно содержащие табичный поиск по активам для их выбора.