component refactor wip

ref #467
collinbarrett · Sep 11, 2018 · 7e2f32f · 7e2f32f
1 parent 2006bed
commit 7e2f32f
Show file tree

Hide file tree

Showing 21 changed files with 512 additions and 387 deletions.
diff --git a/src/FilterLists.Web/ClientApp/components/Home.tsx b/src/FilterLists.Web/ClientApp/components/Home.tsx
@@ -3,7 +3,7 @@ import { RouteComponentProps } from "react-router";
 import "isomorphic-fetch";
 import ReactTable from "react-table"
 import "react-table/react-table.css"
-import ListDetails from "./ListDetails";
+import ListDetailsExpander from "./listDetailsExpander/DetailsExpander";
 import * as moment from "moment";
 
 interface IHomeState {
@@ -166,7 +166,7 @@ export class Home extends React.Component<RouteComponentProps<{}>, IHomeState> {
                            Cell: (cell: any) => <div className="fl-tag-container">{cell.value.map(
                                (e: any) => <span className="badge" style={{
                                    backgroundColor: `#${e.colorHex}`,
-                                   color: ListDetails.getContrast(`${e.colorHex}`)
+                                   color: ListDetailsExpander.getContrast(`${e.colorHex}`)
                                }} title={e.description}>{e.name}</span>)}</div>,
                            width: 200,
                            headerClassName: "d-none d-md-block",
@@ -247,7 +247,7 @@ export class Home extends React.Component<RouteComponentProps<{}>, IHomeState> {
                    ]}
                    SubComponent={(row: any) => {
                        return (
-                           <ListDetails listId={row.original.id}/>
+                           <ListDetailsExpander listId={row.original.id}/>
                        );
                    }}
                    className="-striped -highlight"/>;

diff --git a/src/FilterLists.Web/ClientApp/components/ListDetails.tsx b/src/FilterLists.Web/ClientApp/components/ListDetails.tsx