diff --git a/src/FilterLists.Web/ClientApp/components/Home.tsx b/src/FilterLists.Web/ClientApp/components/Home.tsx index de6b99c0c..c3767b545 100644 --- a/src/FilterLists.Web/ClientApp/components/Home.tsx +++ b/src/FilterLists.Web/ClientApp/components/Home.tsx @@ -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, IFilterListsS : Home.renderFilterListsTable(this.state.filterLists); return
+ {contents} +
; } private static renderFilterListsTable(filterLists: IFilterList[]) { return + + + List + + + + {filterLists.map(filterList => + +

{filterList.name}

{filterList.description}
+
+ )} +
; } } \ No newline at end of file diff --git a/src/FilterLists.Web/package-lock.json b/src/FilterLists.Web/package-lock.json deleted file mode 100644 index d1bb06c94..000000000 Binary files a/src/FilterLists.Web/package-lock.json and /dev/null differ diff --git a/src/FilterLists.Web/package.json b/src/FilterLists.Web/package.json index 77965cd69..3668bf6c1 100644 --- a/src/FilterLists.Web/package.json +++ b/src/FilterLists.Web/package.json @@ -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" } } \ No newline at end of file