Sha256: 45e6b6aad38d93571f97cc27a21a75668b770dadcc1e90dc54a782625748b207
Contents?: true
Size: 1.49 KB
Versions: 12
Compression:
Stored size: 1.49 KB
Contents
import Paper from '@material-ui/core/Paper';
import Table from '@material-ui/core/Table';
import TableBody from '@material-ui/core/TableBody';
import TableCell from '@material-ui/core/TableCell';
import TableHead from '@material-ui/core/TableHead';
import TableRow from '@material-ui/core/TableRow';
import * as React from 'react';
import { Link } from "react-router-dom";
import { IGlobalWindow } from './interfaces';
declare var window: IGlobalWindow
interface IModelsState {
models: string[]
}
class Models extends React.Component<any, IModelsState> {
constructor(props: any) {
super(props)
this.state = {models: []}
}
public componentDidMount() {
this.fetchModels();
}
public fetchModels(): void {
const that = this;
fetch(`${window.mountPath}/models.json`)
.then((res) => res.json())
.then((data) => {
that.setState(data);
}).catch((err) => {
console.error(err);
});
}
public render() {
return (
<Paper className="models-container">
<Table className="models">
<TableHead>
<TableRow>
<TableCell>Model Name</TableCell>
</TableRow>
</TableHead>
<TableBody>
{this.state.models.map((model) => (
<TableRow key={model}>
<TableCell><Link to={`/models/${model}`}>{model}</Link></TableCell>
</TableRow>
))}
</TableBody>
</Table>
</Paper>
)
}
}
export default Models;
Version data entries
12 entries across 12 versions & 1 rubygems