|
|
@ -26,6 +26,12 @@ export class ListingTypeSelect extends Component<
|
|
|
|
this.state = this.emptyState;
|
|
|
|
this.state = this.emptyState;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
static getDerivedStateFromProps(props) {
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
|
|
|
type_: props.type_,
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
render() {
|
|
|
|
render() {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<div class="btn-group btn-group-toggle">
|
|
|
|
<div class="btn-group btn-group-toggle">
|
|
|
@ -45,8 +51,9 @@ export class ListingTypeSelect extends Component<
|
|
|
|
{i18n.t('subscribed')}
|
|
|
|
{i18n.t('subscribed')}
|
|
|
|
</label>
|
|
|
|
</label>
|
|
|
|
<label
|
|
|
|
<label
|
|
|
|
className={`pointer btn btn-sm btn-secondary ${this.state.type_ ==
|
|
|
|
className={`pointer btn btn-sm btn-secondary ${
|
|
|
|
ListingType.All && 'active'}`}
|
|
|
|
this.state.type_ == ListingType.All && 'active'
|
|
|
|
|
|
|
|
}`}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<input
|
|
|
|
<input
|
|
|
|
type="radio"
|
|
|
|
type="radio"
|
|
|
@ -61,8 +68,6 @@ export class ListingTypeSelect extends Component<
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
handleTypeChange(i: ListingTypeSelect, event: any) {
|
|
|
|
handleTypeChange(i: ListingTypeSelect, event: any) {
|
|
|
|
i.state.type_ = Number(event.target.value);
|
|
|
|
i.props.onChange(Number(event.target.value));
|
|
|
|
i.setState(i.state);
|
|
|
|
|
|
|
|
i.props.onChange(i.state.type_);
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|