From e01a3b27d2477edebe98f1672b301507762e4424 Mon Sep 17 00:00:00 2001
From: "Collin M. Barrett" <collinbarrett@users.noreply.github.com>
Date: Wed, 6 Dec 2017 06:21:46 -0600
Subject: [PATCH] try fixing theme / table issues with mui@next

---
 .../ClientApp/components/Home.tsx             | 28 ++++++++++---------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/FilterLists.Web/ClientApp/components/Home.tsx b/src/FilterLists.Web/ClientApp/components/Home.tsx
index 3e4926f86..c3767b545 100644
--- a/src/FilterLists.Web/ClientApp/components/Home.tsx
+++ b/src/FilterLists.Web/ClientApp/components/Home.tsx
@@ -1,14 +1,13 @@
 import * as React from "react";
 import { RouteComponentProps } from "react-router";
 import "isomorphic-fetch";
-import darkBaseTheme from "material-ui/styles/baseThemes/darkBaseTheme";
 import MuiThemeProvider from "material-ui/styles/MuiThemeProvider";
-import getMuiTheme from "material-ui/styles/getMuiTheme";
 import {
     Table,
+    TableHead,
     TableBody,
     TableRow,
-    TableRowColumn,
+    TableCell,
     } from "material-ui";
 
 interface IFilterListsState {
@@ -16,6 +15,12 @@ interface IFilterListsState {
     loading: boolean;
 }
 
+interface IFilterList {
+    id: number;
+    name: string;
+    description: string;
+}
+
 export class Home extends React.Component<RouteComponentProps<{}>, IFilterListsState> {
     constructor(props: any) {
         super(props);
@@ -35,7 +40,7 @@ export class Home extends React.Component<RouteComponentProps<{}>, IFilterListsS
             : Home.renderFilterListsTable(this.state.filterLists);
 
         return <div>
-                   <MuiThemeProvider muiTheme={getMuiTheme(darkBaseTheme)}>
+                   <MuiThemeProvider>
                        {contents}
                    </MuiThemeProvider>
                </div>;
@@ -43,21 +48,18 @@ export class Home extends React.Component<RouteComponentProps<{}>, IFilterListsS
 
     private static renderFilterListsTable(filterLists: IFilterList[]) {
         return <Table>
+                   <TableHead>
+                       <TableRow>
+                           <TableCell>List</TableCell>
+                       </TableRow>
+                   </TableHead>
                    <TableBody>
                        {filterLists.map(filterList =>
                            <TableRow key={filterList.id}>
-                               <TableRowColumn>
-                                   <h2>{filterList.name}</h2>{filterList.description}
-                               </TableRowColumn>
+                                <TableCell><h2>{filterList.name}</h2>{filterList.description}</TableCell>
                            </TableRow>
                        )}
                    </TableBody>
                </Table>;
     }
-}
-
-interface IFilterList {
-    id: number;
-    name: string;
-    description: string;
 }
\ No newline at end of file