blob: e63ad19cd6f66adce96c826a138fffc1c231d331 (
plain) (
tree)
|
|
import * as _ from 'lodash';
import DropDownMenu from 'material-ui/DropDownMenu';
import MenuItem from 'material-ui/MenuItem';
import * as React from 'react';
interface VersionDropDownProps {
selectedVersion: string;
versions: string[];
docPath: string;
}
interface VersionDropDownState {}
export class VersionDropDown extends React.Component<VersionDropDownProps, VersionDropDownState> {
public render() {
return (
<div className="mx-auto" style={{width: 120}}>
<DropDownMenu
maxHeight={300}
value={this.props.selectedVersion}
onChange={this.updateSelectedVersion.bind(this)}
>
{this.renderDropDownItems()}
</DropDownMenu>
</div>
);
}
private renderDropDownItems() {
const items = _.map(this.props.versions, version => {
return (
<MenuItem
key={version}
value={version}
primaryText={`v${version}`}
/>
);
});
return items;
}
private updateSelectedVersion(e: any, index: number, value: string) {
window.location.href = `${this.props.docPath}/${value}${window.location.hash}`;
}
}
|