mirror of
https://github.com/collinbarrett/FilterLists.git
synced 2026-03-11 09:04:27 +00:00
parent
2355cba86b
commit
8cc4a4daf3
3 changed files with 24 additions and 2 deletions
|
|
@ -1,7 +1,14 @@
|
|||
import * as React from "react";
|
||||
import { RouteComponentProps } from "react-router";
|
||||
import "isomorphic-fetch";
|
||||
import { Table } from 'antd';
|
||||
import MuiThemeProvider from "material-ui/styles/MuiThemeProvider";
|
||||
import {
|
||||
Table,
|
||||
TableHead,
|
||||
TableBody,
|
||||
TableRow,
|
||||
TableCell,
|
||||
} from "material-ui";
|
||||
|
||||
interface IFilterListsState {
|
||||
filterLists: IFilterList[];
|
||||
|
|
@ -33,12 +40,26 @@ export class Home extends React.Component<RouteComponentProps<{}>, IFilterListsS
|
|||
: Home.renderFilterListsTable(this.state.filterLists);
|
||||
|
||||
return <div>
|
||||
<MuiThemeProvider>
|
||||
{contents}
|
||||
</MuiThemeProvider>
|
||||
</div>;
|
||||
}
|
||||
|
||||
private static renderFilterListsTable(filterLists: IFilterList[]) {
|
||||
return <Table>
|
||||
<TableHead>
|
||||
<TableRow>
|
||||
<TableCell>List</TableCell>
|
||||
</TableRow>
|
||||
</TableHead>
|
||||
<TableBody>
|
||||
{filterLists.map(filterList =>
|
||||
<TableRow key={filterList.id}>
|
||||
<TableCell><h2>{filterList.name}</h2>{filterList.description}</TableCell>
|
||||
</TableRow>
|
||||
)}
|
||||
</TableBody>
|
||||
</Table>;
|
||||
}
|
||||
}
|
||||
BIN
src/FilterLists.Web/package-lock.json
generated
BIN
src/FilterLists.Web/package-lock.json
generated
Binary file not shown.
|
|
@ -4,6 +4,7 @@
|
|||
"version": "0.0.0",
|
||||
"devDependencies": {
|
||||
"@types/history": "latest",
|
||||
"@types/material-ui": "latest",
|
||||
"@types/react": "latest",
|
||||
"@types/react-dom": "latest",
|
||||
"@types/react-hot-loader": "latest",
|
||||
|
|
@ -32,6 +33,6 @@
|
|||
"webpack-hot-middleware": "latest"
|
||||
},
|
||||
"dependencies": {
|
||||
"antd": "latest"
|
||||
"material-ui": "next"
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue